body{
  --Colocr:#2583cb;
  --ActiveColor:#0061a2
}
html, body {
  position: relative;
  height: 100%;
  background: #fff;
}
html{
  color: #333;
  min-width: 320px;
  font-size: 100%;
}
.w-f {
  width: 100%;
}
ul,h1,h2,h3,p,div,dl,dt,dd,figure,figcaption{
  margin: 0;
  padding: 0;
}
li{list-style: none;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img{ max-width: 100%; height: auto; transition: all .5s;}
video{
  max-width: 100%;
}
/*=============
 * 工具样式
 =============*/
.center-block{
  display: block;
  margin-right: 0;
  margin-left: 0;
}
.f-cb {
  zoom: 1;
}
.float_r{
  float: right !important;
}
.float_l{
  float: left !important;
}
.text-right{
  text-align: right !important;
}
.text-left{
  text-align: left !important;
}
.text-center{
  text-align: center !important;
}
.hide{
  display: none !important;
}
.show{
  display: block !important;
}
.invisible{
  visibility: hidden;
}
.text-hide{
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.clearfix:after,.clearfix:before{
  content: '';
  display: table;
}
.clearfix:after{
  clear: both;
}
*{box-sizing: border-box;}

/*=============
 * 浏览器更新提示
 =============*/
.browerupgrade{
  margin: 0;
  padding: 1rem;
  background: #ccc;
}

/*=============
 * 自定义页面样式
 =============*/
body{
  line-height: 1.8;
  font-family: Microsoft YaHei;
}
a{
  color: #666;
  text-decoration: none;
  transition: all .4s;
}
a:active,a:hover{
  color: #2583cb;
  text-decoration: none;
}
.container{
  max-width: 75rem;
  margin: 0 auto;
  padding: 0;
}
.back_blue{
  background: #f7fcff;
}
/**--------------------------------------------------------
**  Page---index.html
---------------------------------------------------------**/
#header {
  position: relative;
}
/*Home-header*/
.top-wrap{
  display: flex;
  justify-content: space-between;
  vertical-align: middle;
  height: 100px;
  padding: 15px 0;
}
.top-wrap-left{
	display: flex;
	align-items: center;
}
.top-wrap-left-text{
	font-size: 1.125rem;
	color: #000;
	margin-left: 1.75rem;
}
.top-wrap-right{
  padding-top: 12px;
}
.top-wrap-right img,
.top-wrap-right span,
.top-wrap-right a{
  vertical-align: middle;
}
.top-wrap-right a {
    color: #0061a2;
    font-size: 1.5rem;
    font-weight: bold;
    margin-right: 1rem;
}
.top-wrap-right .top-wrap-right-phone{
  font-size: 24px;
  font-weight: bold;
  color: #0061a2;
  margin: 0 24px 0 3px;
}
.top-wrap-right span
.top-wrap-right a{
  font-size: 15px;
}
.china{
  font-weight: bold;
}
.header-wrap {
  /*height: 4.0625rem;*/
  height: 3rem;
  width: 100%;
  /*background: linear-gradient(#228dcd, #2b6cc6);*/
  /*background:#6c6f6f;*/
  background: #6c6f6f;
}
.mobile_nav_btns{
  display: none;
}
.navbar_header {
  height: 100%;
  position: relative;
}
.navbar_header .navbar_box{
  height: 100%;
  margin: 0 auto;
}
.header-wrap .container {
  height: 100%;
}
.headteler_nav{
  height: 100%;
}
.mobile_nav{
  position: absolute;
  top: 7px;
  right: 20px;
}
.pcNav {
  height: 100%;
  transition: all 0.3s ease 0s;
}
.pcNav .nav {
  font-size: 0;
  height: 100%;
}
.pcNav .nav>li {
  display: inline-block;
  font-size: 1rem;

}
.pcNav .nav>li{
  line-height: 4.0625rem;
}
.pcNav .nav>li>a {
  display: block;
  text-align: center;
  color: #464646;
  height: 100%;
  position: relative;
}
.pcNav>.nav>li{
  width: 14.2%;
  height: 100%;
  text-align: center;
  position: relative;
}
.pcNav .nav li:hover,
.pcNav .nav li.active{
  /*background: var(--ActiveColor);*/
  background: #3c3c3c;
  position: relative;
}
.pcNav>.nav>li:hover:after,
.pcNav>.nav>li.active:after{
    content: '';
    width: 100%;
    height: 6px;
    background: #e49f29;
    position: absolute;
    left: 0;
    top: -6px;
}
.pcNav .nav li .children li{
    color: #3c3c3c;
}
.pcNav .nav li p{
  padding-bottom: 2px;
  font-size: 15px;
  color:#fff;
  line-height: 3rem;
}
.pcNav .nav li img:nth-child(2){
  display: none;
}
.pcNav .nav li:hover img:first-child,
.pcNav .nav li.active img:first-child{
  display: none;
}
.pcNav .nav li:hover img:nth-child(2),
.pcNav .nav li.active img:nth-child(2){
  display: inline-block;
}
.header_nav {
  height: 100%;
  margin-left: 11.47%;
}
.intop_pos {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 2px 7px #d8d8d899;
  transition: all 0.4s;
}
.intop_pos .nav li a {
  color: #333;
}
.children{
  width: 100%;
  position: absolute;
  background:rgba(255,255,255,.9);
  text-align: left;
  display: none;
  left:0;
  top: 100%;
  z-index: 9;
}
.children a{
  color: #333;
  display: block;
  padding:0 0.8rem;
}
.pcNav .nav li .children li{
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
}
.pcNav .nav li .children li a{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.children a:hover{
  display: block;
  width: 100%;
  color:#7f7f7f;
  background: #3c3c3c;
}

/* Home-mobile-header */
.menu {
  float: right;
  display: none;
}
.mm-menu .mm-navbar .mm-title {
  padding: 0 0 0 25px;
  font-size: 1rem;
  color: #acacac;
  text-align: left;
}
.mm-navbar {
  height: 5rem;
  line-height: 5rem;
}
.mm-menu {
  background: #fff;
}
.mm-listview>li>a,
.mm-listview>li>span {
  font-size: 1rem;
  padding: 1.25rem 0.625rem 1.25rem 1.25rem;
}
.m-search>input::-webkit-input-placeholder {
  color: #3e4142;
  font-size: 0.875rem;
  line-height: 1.71rem;
}
.m-search>input {
  width: 100%;
  border: 0;
  outline: none;
  border-radius: 0 10rem 10rem 0;
  background: #f4f4f4;
  color: #9b9b9b;
  font-size: 0.875rem;
  height: 1.71rem;
  padding-top: 0.3rem;
}
.m-search>button {
  background: url(../images/search.png) no-repeat 10px 7px #f4f4f4;
  height: 1.71rem;
  width: 11%;
  border: 0;
  outline: none;
  background-size: 58%;
  padding: 0;
  border-radius: 10rem 0 0 10rem;
}
.m-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0.625rem 0rem 1rem;
  border-color: #fff;
  display: none;
  width: 100%;
}
.mm-hasnavbar-top-1 .mm-panels,
.mm-navbar-top-2 {
  top: 4.2rem;
}
.mm-listview>li .mm-next:before {
  content: none;
}
.mm-navbar-bottom {
  border: none;
}
.mm-btn {
  width: 60px;
  height: 60px;
}
.mm-clear:after,
.mm-clear:before,
.mm-close:after,
.mm-close:before,
.mm-arrow:after,
.mm-prev:before {
  width: 10px;
  height: 10px;
  top: 10px;
}
.mm-clear:before,
.mm-close:before {
  right: 18px;
}
.mm-clear:after,
.mm-close:after {
  right: 32px;
}
.mm-next:after {
  width: 10px;
  height: 10px;
  top: 4px;
}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
  width: calc(100% + 40px);
}
.mm-navbar.mm-hasbtns {
  background: #333;
  padding: 0 40px 0 17px;
  height: 4.25rem;
  line-height: 4.25rem;
}
.mm-menu .mm-btn:after,
.mm-menu .mm-btn:before {
  border-color: #fff;
}
.banner{
  overflow: hidden;
}
.banner img{
	display: block;
	width: 100%;
}

.about_wrap{
  padding: 100px 0;
  background: url("../img/about_bg.jpg") center no-repeat;
	background-size: 100% 100%;
}
.about_header.H_title {
  text-align: left;
	margin-bottom: 55px;
}
.about_header.H_title h2:after{
	left: 0;
	transform: translateX(0);
}
.about_box {
	position: relative;
}
.aboutbody {
	width: 41.4%;
	position: absolute;
	top:-164px;
	right: 5%;
  padding: 80px 44px 50px 44px;
	/*background: linear-gradient(to right, rgba(41,143,205,.95),rgba(47,115,198,.95));*/
	background: rgba(0,97,162,.35);
	border-radius: 3px;
}
.aboutbody h3{
  font-size: 44px;
  font-weight: bold;
  color: #0061a2;
  line-height: 1;
  margin-bottom: 50px;
}
.aboutbody .description{
  font-size: 20px;
  color: #fff;
  line-height: 41px;
}
.mediabody video,
.mediabody img{
	width: 100%;
	display: block;
}
.H_title{
  text-align: center;
}
.H_title h3{
  font-size: 44px;
  color: #edf1f9;
  line-height: 1;
	font-weight: bold;
}
.H_title h2{
  font-size: 44px;
  color: #424966;
  font-weight: bold;
  line-height: 1;
  margin-top: -15px;
  margin-bottom: 15px;
  padding-bottom: 22px;
  position: relative;
}
.H_title h2:after{
  content: '';
  width: 60px;
  height: 5px;
  border-radius: 2px;
  background:#2583cb;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.H_title h2 span{
  font-weight: normal;
}
.H_title p{
  font-size: 20px;
  color: #999;
	height: 36px;
}
.character_wrap{
  background: url(../img/guide_bg.jpg) center top no-repeat;
  padding: 60px 0 35px 0;
}
.character_wrap .H_title h3{
	color: #cbd9e5;
}
.character_box{
  margin-top: 50px;
}
.character_box li{
  width: 22%;
  float: left;
  margin: 0 1%;
  padding: 50px 0 40px;
  border-radius: 15px;
	background: url(../img/guide_box_li.jpg);
	transition: all .5s;
}
.character_box li:hover{
	/*background-image: linear-gradient(#1070ba, #6a9ece);*/
}
.character_box li a{
  text-align: center;
}
.character_box li img{
  /*width: 60px;*/
	/*display: block;*/
	/*margin: 0 auto;*/
}
/*.character_box li img:nth-child(2){*/
/*	display: none;*/
/*}*/
/*.character_box li:hover img:first-child{*/
/*	display: none;*/
/*}*/
/*.character_box li:hover img:nth-child(2){*/
/*	display: block;*/
/*}*/
.character_box_img{
    width: 80px;
    height: 80px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 #b9b9b9;
}
.character_box li:nth-child(2) .character_box_img{
    background: #b0c635;
}
.character_box li:nth-child(3) .character_box_img{
    background: #5891ce;
}
.character_box li:nth-child(4) .character_box_img{
    background: #54b047;
}
.character_box li:nth-child(1) .character_box_img{
    background: #8476b5;
}
.character_box_info{
  
}
.character_box_info h4{
  font-size: 24px;
	color: #0061a2;
	margin-top: 55px;
	height: 120px;
}
.character_box li:hover h4{
	/*color: #eeeff1;*/
}
.character_box_info p{
	width: 80%;
  font-size: 18px;
	color: #fff;
	line-height: 47px;
	background: #0061a2;
	border-radius: 10px;
	margin: 0 auto;
	/*transition: all .5s;*/
}
.character_box li:hover p{
	color: #fff;
	background: #fff;
}
.character_box li:nth-child(2):hover p{
	background: #b7cf2e;
}
.character_box li:nth-child(3):hover p{
	background: #5790cd;
}
.character_box li:nth-child(4):hover p{
	background: #54b047;
}
.character_box li:nth-child(1):hover p{
	background: #8476b5;
}
.character_box_p{
	width: 80%;
	margin: 3.75rem auto;
	text-align: center;
	font-size: 1.125rem;
	color: #000;
}
.character_box_p p{
    display: none;
}
.character_box_p p:first-child{
    display: block;
}
/* .character_box_btns{
  text-align: center;
  margin-top: 76px;
}
.character_box_btns a{
  width: 255px;
  font-size: 20px;
  line-height: 65px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
}
.character_box_btns a:first-child{
  color: #2583cb;
  border: 2px solid #2990cf;
  margin-right: 15px;
}
.character_box_btns a:first-child:hover{
  color: #fff;
  background: #2990cf;
}
.character_box_btns a:last-child{
  color: #ef900c;
  border: 2px solid #ef900c;
}
.character_box_btns a:last-child:hover{
  color: #fff;
  background: #ef900c;
} 
 
.form_wrap{
  background: #f8f9fb;
}
.form_wrap .form_wrap_bg{
  background: url("../img/index_form_bg.jpg") center bottom no-repeat;
	background-size: 100% 85%;
}
.form_wrap .form_wrap_bg form{
  margin-top: 145px;
}
.form_wrap .form_wrap_bg form>div{
  margin-top: 20px;
}
.form_wrap .form_wrap_bg form h3{
  font-size: 38px;
  color: #fff;
}
.form_wrap .form_wrap_bg form h2{
  font-size: 44px;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 50px;
}
.form_wrap .form_wrap_bg p{
  font-size: 24px;
  color: #fff;
  margin-bottom: 5px;
}
.form_wrap .form_wrap_bg .form_wrap_input{
  width: 450px;
  line-height: 45px;
  background: #fff;
  display: flex;
}
.form_wrap .form_wrap_input .form_wrap_input_left{
  width: 80%;
  border-top: 1px solid #e3b772;
  border-bottom: 1px solid #e3b772;
  border-left: 1px solid #e3b772;
  padding-left: 14px;
}
.form_wrap .form_wrap_input .form_wrap_input_left img{
  vertical-align: middle;
  margin-right: 5px;
}
.form_wrap .form_wrap_input .form_wrap_input_left input{
  width: 80%;
	height:45px;
  border: none;
	line-height: 45px;
}
.form_wrap .form_wrap_input .form_wrap_input_left input:focus{
  outline: 0;
}
.form_wrap .form_wrap_input .form_wrap_input_left input::placeholder{
  font-size: 14px;
  color:#99a0aa;
	line-height: 45px;
}
.form_wrap .form_wrap_input button{
  font-size: 14px;
  color:#fff;
  width: 20%;
  border:none;
  background: #ed8110;
  cursor: pointer;
}
.treatment_wrap{
  padding: 80px 0 75px;
}
.treatment_box{
  padding-top: 55px;
}
#treatment-circle{
  width: 44%;
  float: left;
}
.feature-presenter-text-container{
  display: none;
}
.feature-presenter-circle-container-1{
  margin: 50px 75px 50px 52px !important;
}
.treatment_right{
  width: 55%;
  float: right;
}
.treatment_right_img{
  border-radius: 10px;
  box-shadow: 0 13px 21px #c9c9c9;
}
.treatment_top{
  margin-top: 21px;
}
.treatment_right_item_intro{
  padding: 0 10px;
}
.treatment_top_title h3{
  font-size: 30px;
  color:#333;
  font-weight: bold;
  line-height: 1.2;
}
.treatment_right_item_intro .treatment_top_title p{
  font-size: 1rem;
  color:#666;
}
.treatment_more a{
  display: inline-block;
  color: transparent;
  width: 46px;
  height: 46px;
  background-color: #2ca3ef;
  padding: 0;
  border-radius: 100px;
  border: none;
  text-align: center;
}
.treatment_more a img{
  width: 20px;
  margin-top: 14px;
}
.treatment_right_item_intro p{
  font-size: 15px;
  color: #999;
  line-height: 28px;
  margin-top: 5px;
}
.treatment_right>div:not(:last-child){
  display: none;
} */
.guide-wrap{
	background: linear-gradient(to bottom,#f2f7fb,#fff);
	padding: 4rem 0 6.25rem;
}
.guide-wrap .H_title{
	margin-bottom: 5rem;
}
.guide-list{
	display:flex;
	flex-wrap: wrap;
}
.guide-list a{
    display: block;
    overflow: hidden;
    position: relative;
}
.guide-list img{
	width: 100%;
	display: block;
}

.guide-list a:hover img{
    transform: scale(1.05);
    filter:hue-rotate(10deg);
}
.guide-list a:hover:after{
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0,97,162,.5);
    position: absolute;
    top:0;
    left: 0;
}
.team_wrap{
  background: url("../img/team_bg.jpg") center top no-repeat;
  padding: 165px 0 40px;
	background-size: 100% 100%;
}
.team_banner{
  position: relative;
  margin-top: 45px;
}
.team_banner {  
/*    width: 100%;  
    height: 16.25rem;  */
   /* background: url("images/banner.png") no-repeat;  
    background-size: 100% 100%;  */
}  
.team_banner .swiper-container {  
    /* width: 95%;  
    padding-top: 0.5rem;  */
}  
.team_banner .swiper-slide {  
    /* background-position: center;  */
    /* background-size: 130% 120%;  */
    width: 30%;  
}  
.team_banner .swiper-slide img {  
    /* display: block;  
    width: 100%;  */ 
} 
.team_banner_item{
  position: relative;
}
.team_banner_item_info{
  width: 100%;
  height: 38%;
  padding: 40px 10px 20px 10px;
  background: url("../img/team_item_bg.png") no-repeat;
  background-size: 100% auto;
  position: absolute;
  bottom:0;
  left: 0;
}
.team_banner_item_info .team_banner_item_name{
  display: flex;
  justify-content: space-between;
}
.team_banner_item_info .team_banner_item_name h3{
  font-size: 22px;
  color:#fff;
  line-height: 1;
  margin-bottom: 20px;
}
.team_banner_item_info .team_banner_item_name a{
  font-size: 15px;
  color:#fff;
  line-height: 30px;
  width: 80px;
  height: 30px;
  text-align: center;
  border:1px solid #fff;
  border-radius: 6px;
}
.team_banner_item_info .team_banner_item_name a:hover{
    color: #faa61a;
}
.team_banner_item_info .team_banner_item_job span{
  font-size: 1rem;
  color: #fff;
}
.team_banner_item_info .team_banner_item_department{
  font-size: 0.9rem;
  color: #fff;
}
.team_banner .swiper-button-prev,.team_banner .swiper-container-rtl .swiper-button-next{
  left: -35px;
  color:#eaeaea;
  outline: 0;
}
.team_banner .swiper-button-next, .team_banner .swiper-container-rtl .swiper-button-prev{
  right: -35px;
  color:#eaeaea;
  outline: 0;
}
.team_banner_more{
  font-size: 20px;
  color: #0061a2;
  text-align: center;
  display: block;
  width: 255px;
  height: 65px;
  line-height: 65px;
  border: 1px solid #0061a2;
  border-radius: 6px;
  margin: 55px auto;
}
.team_banner_more:hover{
  color: #fff;
  background: #0061a2;
}

.academic_wrap{
  background: url("../img/academic_bg.jpg") center no-repeat;
  background-size: 100% 100%;
  padding: 130px 0 0 0;
}
.academic_left{
  width: 49%;
}
.academic_left .H_title{
  text-align: left;
  margin: 28px 0 118px;
}
.academic_left .H_title h3{
  color: rgba(255,255,255,.2);
}
.academic_left .H_title h2{
  color: #fff;
}
.academic_left .H_title h2:after{
  left: 0;
  transform: translateX(0);
  background: #fff;
}
.academic_left .H_title p{
  color: #d8effe;
}
.academic_img{
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 160px;
}
.academic_img a{
	display: block;
	width: 100%;
	height: 568px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	position: relative;
}
.academic_img img{
  display: block;
	height: 100%;
	max-width: 1000%;
}
.academic_img .academic_left_info{
  width: 100%;
  height: 4.75rem;
  padding: 0 40px;
  position: absolute;
  bottom: 0;
	left: 0;
  background: rgba(37,131,203,.8);
  overflow: hidden;
  transition: height .5s;
}
.academic_img:hover .academic_left_info{
  height: 14rem;
}
.academic_img .academic_left_info h3{
  font-size: 20px;
  color:#fff;
  font-weight: bold;
  line-height: 4.75rem;
}
.academic_img .academic_left_info p{
  font-size: 16px;
  color:#fff;
  line-height: 28px;
  margin-bottom: 25px;
}
.academic_img .academic_left_info span{
  font-size: 16px;
  color:#fff;
}
.academic_right{
  width: 50%;
}
.academic_right_item{
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 12px;
}
.academic_right_item a{
  display: flex;
}
.academic_right_item .academic_right_img{
  width: 50%;
  height: 17.37rem;
	overflow: hidden;
}
.academic_right_item img{
  display: block;
  transition: all 0.36s ease;
}
.academic_right_item:hover img{
  transform:scale(1.1);
}
.academic_right_item  .academic_right_item_wrap{
  position: relative;
  width: 50%;
  background: #fff;
}
.academic_right_item:hover .academic_right_item_wrap{
	background: #2990cf;
	transition: all 0.36s ease;
}
/* .academic_right_item .academic_right_item_wrap:before{
  content: "";
  width: 63px;
  height: 63px;
  background-color: #2583cb;
  position: absolute;
  top: 61px;
  right: -880px;
  border-radius: 100px;
}
.academic_right_item:hover .academic_right_item_wrap:before{
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  -webkit-animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94)both;
  animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@-webkit-keyframes scale-up-right {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    border-bottom-left-radius: 400px;
    border-bottom-right-radius: 400px;
    border-top-right-radius: 400px;
    border-top-left-radius: 400px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
    border-radius: 0px;
  }
}
@keyframes scale-up-right {
  0% {
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
    border-bottom-left-radius: 400px;
    border-bottom-right-radius: 400px;
    border-top-right-radius: 400px;
    border-top-left-radius: 400px;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 90% 20%;
    transform-origin: 90% 20%;
    border-radius: 0px;
  }
} */
.envir_wrap{
	background: url(../img/envir_bg.jpg) no-repeat;
	background-size: 100%;
	padding: 5rem 0 7.5rem;
}
.envir_wrap .envir_intro{
	margin-top: 3.75rem;
}
.envir_wrap .envir_intro img{
	width: 50%;
	border-radius: 8px;
}
.envir_wrap .envir_intro .envir_intro_right{
	width: 48%;
	padding: .875rem 1.75rem ;
}

.envir_wrap .envir_intro .envir_intro_right h3{
	font-size: 1.875rem;
	color: #373737;
	line-height: 3;
}
.envir_wrap .envir_intro .envir_intro_right p{
	font-size: 1rem;
	color: #000;
}
.envir_wrap .envir_intro .envir_intro_right a{
    display: block;
    width: 12.5rem;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 47px;
    background: #faa61a;
    border-radius: 10px;
    margin-top: 6rem;
}
.envir_wrap .envir_intro .envir_intro_right a:hover{
    background: #0061a2;
}
.envir_wrap .envir_banner{
	position: relative;
	margin-top: 6rem;
}
.envir_wrap .envir_banner .swiper-button-next, 
.envir_wrap .envir_banner .swiper-button-prev{
	width: 37px;
}
.envir_wrap .envir_banner .swiper-button-prev, 
.envir_wrap .envir_banner .swiper-container-rtl .swiper-button-next{
	left: -80px;
	background: url(../img/icon_left.png) no-repeat;
}
.envir_wrap .envir_banner .swiper-button-prev:after,
 .envir_wrap .envir_banner .swiper-container-rtl .swiper-button-next:after,
.envir_wrap .envir_banner  .swiper-button-next:after,
.envir_wrap .envir_banner .swiper-container-rtl .swiper-button-prev:after{
	content:none
}
.envir_wrap .envir_banner .swiper-button-next, 
.envir_wrap .envir_banner .swiper-container-rtl .swiper-button-prev{
	right: -80px;
	background: url(../img/icon_right.png) no-repeat;
}
.envir_wrap .envir_banner .swiper-slide{
	border-radius: 6px;
}
.envir_wrap .envir_banner .swiper-slide img{
	display: block;
}
/* .academic_right_item .academic_right_info{
  padding: 42px 25px 0 30px;
  position: relative;
}
.academic_right_item .academic_right_info h3{
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
  display: -webkit-box;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.academic_right_item:hover .academic_right_info h3{
  color: #fff
}
.academic_right_item .academic_right_info p{
  font-size: 14px;
  color: #666;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp:3;
	max-height: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.academic_right_item:hover .academic_right_info p{
  color: rgba(255, 255, 255, 0.5);
}
.academic_right_item .academic_right_info span{
  font-size: 14px;
  color: #666;
}
.academic_right_item:hover .academic_right_info span{
  color: rgba(255, 255, 255, 0.5);
} */
.news_wrap{
  padding: 70px 0 80px;
}
.news_tab{
  text-align: center;
  margin-bottom: 6px;
  margin-top: 30px;
}
.news_tab li{
  display: inline-block;
}
.news_tab li a{
  display: inline-block;
  font-size: 20px;
  margin: 0 27px;
  line-height: 52px;
  cursor: pointer;
}
.news_tab li.active a{
  font-weight: bold;
  color: #0061a2;
  border-bottom:2px solid #0061a2;
}
.news_box_all{
	margin-top: 2rem;
}
.news_box_all .news_box_list:not(:first-child){
  display: none;
  opacity: 0;
}
.news_box_item{
  width: 49.5%;
}
.news_box_item:nth-child(odd){
	margin-right: 1%;
}
.news_box_item{
	float: left;
  margin-bottom: 2.1875rem;
  overflow: hidden;
	box-shadow: 0 3px 24px rgba(43,43,43,.22);
	transition: all .5s;
}
.news_box_item a{
  display: flex;
}
.news_box_item_img{
	width: 37%;
	overflow: hidden;
	padding-top: 25%;
	position: relative;
}
.news_box_item img{
    width: 100%;
    height: 100%;
	display: block;
	position: absolute;
	left:0;
	top:0;
}
.news_box_item:hover img{
	transform: scale(1.1);
}
.news_box_item .news_box_item_info{
  width: 63%;
  padding: 25px 30px 28px 40px;
  position: relative;
}
.news_box_item .news_box_item_info h3{
	font-size: 1.1875rem;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_box_item .news_box_item_info p{
    font-size: 1rem;
    color: #707070;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_box_item .news_box_item_info span{
  font-size: .875rem;
  color: #6f6f6f;
  position: absolute;
  bottom:30px
}
.news_box_item:hover .news_box_item_info{
	background: linear-gradient(to right,rgba(43,108,198,.95),rgba(34,141,205,.95));
}
.news_box_item:hover .news_box_item_info h3,
.news_box_item:hover .news_box_item_info p,
.news_box_item:hover .news_box_item_info span{
	color: #fff;
}





.footer_color{
    background: #3c3c3c;
    height: 65px;
}
.footer_color .container{
    position: relative;
    height: 100%;
}
.footer_color .footer_color_ribbon{
    width: 100%;
    display: flex;
    justify-content: center;
    position: absolute;
    bottom:0;
    left: 0;
}
.footer_color p{
    width: 12%;
    display: block;
    height: 10px;
}
.footer_color p:nth-child(1){
    background: #c0d300;
}
.footer_color p:nth-child(2){
    background: #60c0bd;
}
.footer_color p:nth-child(3){
    background: #0066b3;
}
.footer_color p:nth-child(4){
    background: #7f1083;
}
.footer_color p:nth-child(5){
    background: #d2007f;
}
.footer_color p:nth-child(6){
    background: #ed7600;
}
.footer_color p:nth-child(7){
    background: #f5aa00;
}
.footer_color img{
    display: block;
    width: 100%;
}







footer{
  /*background: url("../img/footer_bg.png") top no-repeat;*/
	/*background-size: 100% 100%;*/
	background: #d2d4d6;
}
.footer_middle_icon{
    text-align: center;
    margin: 1.5rem 0;
    height: 22px;
}
.footer_middle_icon a{
    margin: 0 18px;
    font-size: 0;
}
.footer_middle_icon a img{
    width: 28px;
}
.footer_middle_link{
    margin-bottom: 18px;
    font-size: 0;
    text-align: center;
}
.footer_middle_link a{
    font-size: 1.125rem;
    /*font-weight: bold;*/
    display: inline-block;
    padding: 0 2rem;
    line-height: 1;
}
.footer_middle_link a:not(:last-child){
    border-right: 2px solid #f9f9f9;
}
.footer_middle_intro{
    margin-top: 1rem;
    margin-bottom: 3rem;
}
.footer_middle_intro p{
    text-align: center;
    color: #8c8c8c;
}
/*.footer_top{*/
/*  padding: 110px 0 90px;*/
/*  display: flex;*/
/*  justify-content: space-between;*/
/*}*/
/*.footer_top h3{*/
/*  font-size: 18px;*/
/*  color:#fff;*/
/*  padding-bottom: 16px;*/
/*  margin-bottom: 25px;*/
/*  position: relative;*/
/*}*/
/*.footer_top h3:after{*/
/*  content: '';*/
/*  width: 25px;*/
/*  height: 1px;*/
/*  background: #fff;*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*}*/
/*.footer_top a{*/
/*  font-size: 14px;*/
/*  color: #b5e1fd;*/
/*  display: block;*/
/*  margin-bottom: 1px;*/
/*}*/
/*.footer_top_company{*/
/*	width: 25%;*/
/*}*/
/*.footer_top_company strong{*/
/*  font-size: 28px;*/
/*  color: #fff;*/
/*  font-weight: normal;*/
/*}*/
/*.footer_top_company p{*/
/*  font-size: 14px;*/
/*  color: #b5e1fd;*/
/*  font-weight: normal;*/
/*}*/
.footer_copy{
	background: #d2d4d6;
}
.footer_copy p{
  font-size: 12px;
  color: #999;
  text-align: center;
  line-height: 45px;
  padding-bottom: 18px;
  /*border-top: 1px solid #33a7f1;*/
}
.footer_top_imgs img:first-child{
  margin-right: 14px;
  width: 120px;
}

/*about.html*/
.page_top{
  height: 424px;
  background-position: center ;
  background-repeat: no-repeat;
   /*background-size: 100% 100%; */
}
.page_top .container{
    height: 100%;
}
.page_top_info{
    width: 85%;
    height: 100%;
  padding-top: 150px;
  padding-left: 3.5%;
  background: rgba(1,60,106,.9);
  margin-left: -15%;
}

.page_top .page_top_info h2{
  font-size: 48px;
  color:#fff;
  line-height: 1.4;
}
.page_top .page_top_info h3{
  font-size: 30px;
  color:#fff;
  line-height: 1;
}
.page_top .page_top_info p{
  font-size: 25px;
  color:#edf1f9;
}
.page_top .page_top_info2{
    padding-top: 100px;
}
.page_top .page_top_info .page_top_info_line span{
    font-size: 48px;
    font-weight: bold;
    color: #013c6a;
    background: #fff;
    line-height: 1.5;
    padding: .5rem 2rem;
    letter-spacing: 7px;
}
.page_top .page_top_info .page_top_info_line{
    position: relative;
    padding-bottom: 2rem;
}
.page_top .page_top_info .page_top_info_line:after{
    content: '';
    width: 4rem;
    height: 5px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.page_top .page_top_info2 p{
   font-size: 25px;
  color:#edf1f9;
  margin-top: .5rem;
}
.page_nav .container{
  border-bottom:1px solid #e5e5e5
}
.page_nav .page_nav_list{
	display: flex;
	flex-wrap: wrap
}
.page_nav li{
  display: inline-block;
  width: 170px;
  height: 70px;
  font-size: 0;
  color:#333;
  text-align: center;
}
.page_nav li a{
  line-height: 70px;
  font-size: 14px;
  display: block;
}
.page_nav li.active{
  border-bottom: 2px solid #2990cf;
}
.page_nav li.active a{
  font-size: 20px;
  color:#2990cf;
	margin-top: -2px;
}

/*.ch_nav_list li a,*/
/*.ch_nav_list li.active a{*/
/*    color: #fff;*/
/*}*/
/*.ch_nav_list li.active{*/
/*    border: none;*/
/*}*/
/*.ch_nav_list li:nth-child(1){*/
/*    background: #b7cf2e;*/
/*}*/
/*.ch_nav_list li:nth-child(2){*/
/*    background: #5499ed;*/
/*}*/
/*.ch_nav_list li:nth-child(3){*/
/*    background: #58b947 ;*/
/*}*/
/*.ch_nav_list li:nth-child(4){*/
/*    background: #8b7cc4;*/
/*}*/



.about_content_detail{
  position: relative;
  padding: 87px 0 50px;
}
.about_content_detail_left{
  width: 49%;
}
.about_content_detail_left h4{
  font-size: 38px;
  color:#222;
  margin-bottom: 20px;
}
.about_content_detail_left p{
  font-size: 14px;
  color:#4c4f5e;
}
.about_content_detail_right{
  width: 49%;
  position: absolute;
  right: 0;
}
.about_content_culture{
  background: #f7f7f7;
}
.about_title{
  font-size: 38px;
  color: #222;
  text-align: center;
}
.about_content_culture{
  padding: 40px 0;
}
.about_content_culture_list{
  width: 84%;
  margin: 40px auto;
  display: flex;
  justify-content: space-between;
}
.about_content_culture_list li{
  position: relative;
}
.about_content_culture_list .about_content_culture_info{
  width: 80%;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.about_content_culture_list .about_content_culture_info h4{
  font-size: 25px;
  color: #fff;
  text-align: center;
  margin-bottom: 12px;
}
.about_content_culture_list .about_content_culture_info p{
  font-size: 16px;
  color: #fff;
  text-align: center;
  height: 84px;
}
.about_content_history{
  padding: 70px 0;
}
.about_content_history_list{
  margin-top: 40px;
  position: relative;
}
.about_content_history_item_year{
  text-align: center;
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}
.about_content_history_item_circle{
  width: 26px;
  height: 26px;
  border-radius: 13px;
  box-shadow: 0 0 7px #dadada;
  margin: 0 auto;
  padding-top: 7px;
  position: relative;
}
.about_content_history_item_circle div{
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #189aed;
  margin: auto;
}
.about_content_history_item_circle:before{
  content: '';
  width: 130px;
  height: 2px;
  background: #e8e8e8;
  position: absolute;
  left: -130px;
  top: calc(50% - 2px)
}
.about_content_history_item_circle:after{
  content: '';
  width: 150px;
  height: 2px;
  background: #e8e8e8;
  position: absolute;
  right: -150px;
  top: calc(50% - 2px);
}
.about_content_history_item_info{
  font-size: 15px;
  color: #737682;
  width: 230px;
  height: 90px;
  margin: 35px auto;
  background: #eaf4fd;
  padding: 20px 21px;
}
.about_content_history_list .swiper-button-prev,
.about_content_history_list  .swiper-container-rtl .swiper-button-next{
  left: -45px;
  top: 28%
}
.about_content_history_list .swiper-button-prev:focus,
.about_content_history_list  .swiper-container-rtl .swiper-button-next:focus{
  outline: 0;
}
.about_content_history_list .swiper-button-next,
.about_content_history_list .swiper-container-rtl .swiper-button-prev{
  right: -45px;
  top: 28%
}
.about_content_history_list .swiper-button-next:focus,
.about_content_history_list .swiper-container-rtl .swiper-button-prev:focus{
  outline: 0;
}
.about_content_history_list .swiper-button-prev:after,
.about_content_history_list .swiper-container-rtl .swiper-button-next:after{
  content: url(../img/about_left.jpg);
}
.about_content_history_list .swiper-button-next:after,
.about_content_history_list .swiper-container-rtl .swiper-button-prev:after{
  content: url(../img/about_right.jpg);
}
.about_content_stage{
  background: url("../img/about_jd_bg.jpg") center no-repeat;
	background-size: 100% auto;
}
.about_content_stage{
  padding: 125px 0 95px;
}
.about_content_stage_content{
  width:55%;
  padding: 0 60px;
}
.about_content_stage_content>div:not(:first-child){
  display: none;
}
.about_content_stage_content h3{
  font-size: 30px;
  color: #fff;
  line-height: 1;
  padding-bottom: 35px;
  position: relative;
  margin-bottom: 45px;
}
.about_content_stage_content h3:after{
  content: '';
  width: 25px;
  height: 3px;
  background: #fff;
  position: absolute;
  bottom:0;
  left: 0;
}
.about_content_stage_content p{
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}
.about_content_stage_nav{
  width: 510px;
}
.about_content_stage_nav li{
  width: 490px;
  height: 90px;
  line-height: 90px;
  background: #eaf4fd;
  border-bottom: 1px solid #fff;
  float: right;
  cursor: pointer;
  transition: all .5s;
}
.about_content_stage_nav li strong{
  display: inline-block;
  width: 120px;
  font-size: 24px;
  color:#737682;
  text-align: center;
  font-weight: normal;
  border-right: 1px solid #fff;
}
.about_content_stage_nav li span{
  display: inline-block;
  padding-left: 50px;
  font-size: 15px;
  color:#737682;
}
.about_content_stage_nav li.active{
  width: 510px;
  background: #189aed;
  border-bottom: 1px solid #189aed;
}
.about_content_stage_nav li.active strong,
.about_content_stage_nav li.active span{
  color: #fff;
}
.about_content_honor{
  padding: 90px 0 60px;
}
.about_content_honor_list{
  margin-top: 30px;
}
.about_content_honor_list li{
	width: 24.3%;
  float: left;
  font-size: 0;
  margin-bottom: 16px;
}
.about_content_honor_list li:not(:nth-child(4n)){
  margin-right: .93%;
}

.about_content_video{
  padding: 90px 0 60px;
}
.about_content_video_list{
  margin-top: 30px;
}
.about_content_video_list li{
	width: 24.3%;
  float: left;
  font-size: 0;
  margin-bottom: 16px;
	position: relative;
}
.about_content_video_list li:not(:nth-child(4n)){
  margin-right: .93%;
}
.about_content_video_list li .about_content_video_item_img{
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 75%;
	position: relative;
	overflow: hidden;
}
.about_content_video_list li .about_content_video_item_img img{
	width: 100%;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
}
.about_content_video_list li:hover .about_content_video_item_img img{
	
	transform: scale(1.1);
	display: block;
}
.about_content_video_list li .about_content_video_item_intro{
	width: 100%;
	padding: 10px 5%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.60);
}
.about_content_video_list li .about_content_video_item_intro .about_content_video_item_title{
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 3px;
	text-align: left;
}
.about_content_video_list li .about_content_video_item_intro .about_content_video_item_btn{
	float: right;
	font-size: .75rem;
	width: auto;
	height: 18px;
	line-height: 18px;
	border: #93989d 1px solid;
	padding: 0 10px;
	color: #93989d;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.about_content_video_list li:hover .about_content_video_item_intro .about_content_video_item_btn{
	background-color: #01a2ea;
	border-color: #01a2ea;
	color: #fff;
}

/*refractive.html*/
.refractive_title{
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  color: #333;
}
.refractive_title span{
  color: #2990cf;
}
.refractive_content .cataract_content_age{
	background-image:url(../img/refractive_eye_bg.jpg);
	position: relative;
	padding: 70px 0 124px;
}
.refractive_content .refractive_content_process{
	padding: 100px 0 100px;
}
.refractive_content .refractive_content_process .refractive_content_process_title{
	text-align: center;
	margin-bottom: 50px;
}
.refractive_content_process .refractive_content_process_title h3{
	font-size: 2.25rem;
	color: #333;
	font-weight: bold;
}
.refractive_content_process .refractive_content_process_title p{
	font-size: 1rem;
	color: #555;
}
.refractive_content .cataract_content_stage_item_bottom li{
	width: 200px;
	height: 201px;
}
.refractive_content .cataract_content_stage_item_bottom li:not(:last-child){
	margin-right: 50px;
}
.refractive_content .refractive_content_guide{
    padding: 75px 0 170px;
		background: #f7fcff;
}
.refractive_content .refractive_content_guide .refractive_title{
	margin-bottom: 70px;
}
.refractive_content .refractive_content_guide .cataract_content_what_intro{
	padding: 60px 28px 50px 60px;
}
.refractive_content_before{
	padding: 30px 0;
	background: #f7fcff;
}
.refractive_content_before .refractive_title{
	margin-bottom: 30px;
}
.refractive_content_before #hexGrid{
	display: flex;
	justify-content: center;
}
.refractive_content_before #hexGrid li:first-child{
	margin-right: 80px;
}
.refractive_content_before #hexGrid .hex h1{
	bottom: 60%;
}
.refractive_content_before #hexGrid .hex p{
	font-size: 16px;
	top:40%;
	padding: 0 26px;
}
.refractive_content_after{
	/* padding: 30px 0 150px; */
	padding: 30px 0 120px;
	background: #f7fcff;
}
.refractive_content_after .strabismus_content_qk{
    margin-left: 7%;
}
.refractive_content_after .diamond_list li div{
	margin-left: 13px;
	margin-top: 20px;
}
.refractive_content_guide .container{
	margin-top: 80px;
}






.refractive_content_question{
  padding: 45px 0 90px;
}
.refractive_content_question_list{
  margin-top: 30px;
}
.refractive_content_question_list li{
  width: 25%;
  float: left;
  text-align: center;
}
.refractive_content_question_list p{
  font-size: 20px;
  color: #666;
}
.refractive_content_question_item_img{
  position: relative;
}
.refractive_content_question_item_img h4{
  font-size: 40px;
  color: #fff;
  position: absolute;
  top:48%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.refractive_content_kinds{
  background: url("../img/refractive_kinds_bg.jpg") center no-repeat;
	background-size: 100% 100%;
  padding: 65px 0 80px;
}
.refractive_content_kinds .refractive_title{
  color: #fff;
}
.refractive_intro{
  font-size: 28px;
  color: #aad3f1;
  text-align: center;
  line-height: 1;
  margin-bottom: 45px;
}
.refractive_content_kinds_item{
  border-radius: 12px;
  background: #fff;
  margin-bottom: 25px;
  overflow: hidden;
}
.refractive_content_kinds_item img{
  float: left;
  width: 50%;
}
.refractive_content_kinds_item .refractive_content_kinds_item_intro{
  float: left;
  width: 50%;
  height: 100%;
  padding: 80px 95px 100px 60px;
}
.refractive_content_kinds_item .refractive_content_kinds_item_intro h4{
  font-size: 30px;
  color: #333;
  margin-bottom: 10px;
}
.refractive_content_kinds_item .refractive_content_kinds_item_intro p{
  font-size: 16px;
  color: #555;
  line-height: 30px;
}

.refractive_content_classify_list2{
	display: none;
}
.refractive_content_classify_item{
  margin-top: 47px;
}
.refractive_content_classify_item:last-child .refractive_content_classify_img{
	width: 45%;
	float: right;
}
.refractive_content_classify_img{
  float: left;
  width: 67%;
}
.refractive_content_classify_img img{
  margin-right: 8px;
}
.refractive_content_classify_img p{
  font-size: 16px;
  color: #666;
  text-align: center;
  line-height: 2.4;
}
.refractive_content_classify_intro{
  width: 33%;
  float: left;
  padding: 95px 30px 0 25px;
}
.refractive_content_classify_intro h4{
  font-size: 30px;
}
.refractive_content_classify_intro p{
  font-size: 16px;
}
.refractive_content_fm{
  background: url("../img/refractive_fm_bg.jpg") center no-repeat;
	background-size: 100% 100%;
  padding: 70px 0;
}
.refractive_content_fm .refractive_title{
  color: #fff;
  margin-bottom: 50px;
}
.refractive_content_fm ul,
.refractive_content_fm img{
  float: left;
}
.refractive_content_fm ul{
  width: 33%;
  margin-top: 35px;
}
.refractive_content_fm ul li{
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding-left: 45px;
  margin-bottom: 60px;
  position: relative;
}
.refractive_content_fm ul li:before{
  content: '';
  width: 8px;
  height: 8px;
  background: #f6bc30;
  position: absolute;
  left: 25px;
  top:10px;
}
.refractive_content_icl{
  padding: 60px 0 110px;
}
.diamond_list{
  margin-top: 75px;
  margin-left: 43px;
}
.diamond_list li{
  width: 195px;
  height: 195px;
  transform: rotate(45deg);
  background: #38b5f6;
  float: left;
  margin-right: 110px;
}
.diamond_list li:nth-child(4){
  margin-right: 0;
}
.diamond_list li:nth-child(5){
  margin-left: 500px;
}
.diamond_list li div{
  transform: rotate(-45deg);
  text-align: center;
  margin-left: -16px;
  margin-top: 5px;
}
.diamond_list li div h4{
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}
.diamond_list li div p{
  font-size: 16px;
  color: #fff;
  height: 96px;
}
.diamond_list_two{
  margin-left: 195px;
  margin-top: 0px;
  transform: translateY(-35px);
}
.diamond_list_three{
  margin-top: 0px;
  transform: translateY(-70px);
}
.refractive_content_expert{
  padding: 70px 0 100px;
}
.refractive_content_expert2{
	display: none;
}
.refractive_content_expert_foreign{
  margin-top: 50px;
}
.refractive_content_expert_foreign .refractive_content_expert_foreign_intro{
  width: 53%;
  float: left;
}
.refractive_content_expert_foreign:nth-child(odd) .refractive_content_expert_foreign_intro{
  padding-right: 83px;
}
.refractive_content_expert_foreign:nth-child(even) .refractive_content_expert_foreign_intro{
  padding-left: 83px;
}
.refractive_content_expert_foreign .refractive_content_expert_foreign_intro h4{
  font-size: 30px;
  margin-bottom: 10px;
}
.refractive_content_expert_foreign .refractive_content_expert_foreign_intro p{
  font-size: 16px;
  color:#555;
}
.refractive_content_expert_foreign img{
  width: 47%;
  float: left;
  margin: 50px auto;
}
.refractive_content_expert_item{
  margin-bottom: 54px;
}
.refractive_content_expert_item .refractive_content_expert_item_intro{
  width: 53%;
  height: 439px;
  float: left;
  background: #f7f7f7;
  padding: 60px 65px 0 56px;
  margin-top: 20px;
}
.refractive_content_expert_item .refractive_content_expert_item_intro h4{
  font-size: 30px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.refractive_content_expert_item .refractive_content_expert_item_intro span{
  font-size: 18px;
}
.refractive_content_expert_item .refractive_content_expert_item_img{
  width: 47%;
  float: left;
}
.refractive_content_expert_item:nth-child(even) img{
  margin: 0 80px 0 125px;
}
.refractive_content_expert_item:nth-child(odd) img{
  margin: 0 125px 0 80px;
}
/*cataract.html*/
.cataract_content_what{
  padding: 90px 0 170px;
}
.cataract_content_what .container{
  position: relative;
}
.cataract_content_what_intro{
  width: 55%;
  min-height: 330px;
  border-radius: 13px;
  padding: 60px 40px 50px 60px;
  background: linear-gradient(to bottom right,#2b6cc6,#228dcd);
  position: absolute;
  right:0;
  bottom: -80px;
}
.cataract_content_what img{
  border-radius: 10px;
}
.cataract_content_what_intro h4{
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}
.cataract_content_what_intro p{
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}
.cataract_content .cataract_content_age ul:first-child{
	padding-left: 10%;
}
.cataract_content .cataract_content_age ul li:not(:last-child){
	margin-bottom: 80px;
}
.cataract_content .cataract_content_age ul:last-child{
	padding-right: 11%;
}
.cataract_content .strabismus_content_qk{
	/*padding-left: 7%;*/
}
.cataract_content_kinds{
  padding-top: 60px;
}
.cataract_content_methods{
  padding: 80px 0 116px;
}
.cataract_desc{
  width: 73%;
  font-size: 16px;
  color: #555;
  text-align: center;
  margin: 10px auto;
}
#hexGrid {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  padding:0.866% 0;
  font-family: 'Raleway', sans-serif;
  font-size: 15px;
}
#hexGrid:after {
  content: "";
  display: block;
  clear: both;
}
.hex {
  position: relative;
  list-style-type: none;
  float: left;
  overflow: hidden;
  visibility: hidden;
  outline:1px solid transparent;
  -webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px);
  transform: rotate(-60deg) skewY(30deg) translatez(-1px);
}
.hex * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent;
}
.hexIn {
  display:block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  background: #36b4f6;
}
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
}
.hex h1, .hex p {
  width: 102%;
  left:-1%;
  box-sizing:border-box;
  -webkit-transition:  -webkit-transform .2s ease-out, opacity .3s ease-out;
  transition:          transform .2s ease-out, opacity .3s ease-out;
}
.hex h1 {
  bottom: 50%;
  font-size: 50px;
  font-weight: bold;
  z-index: 1;
}
.hex p {
  font-size: 24px;
  top: 53%;
}
.cataract_content_methods_img{
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.cataract_content_methods_img div{
  width: 30%;
  border-radius: 6px;
}
.cataract_content_age{
  background-image: url("../img/refractive_fm_bg.jpg");
  padding: 70px 0;
  background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}
.cataract_content_age .refractive_title{
  color: #fff;
  margin-bottom: 50px;
}
.cataract_content_age ul,
.cataract_content_age img{
  float: left;
}
.cataract_content_age ul{
  width: 33%;
  margin-top: 35px;
}
.cataract_content_age .cataract_content_age_bottom{
	position: absolute;
	bottom:70px;
	left:41%;
}

.cataract_content_age ul:first-child{
  padding-left: 13%;
}
.cataract_content_age ul li{
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  padding-left: 45px;
  position: relative;
}
.cataract_content_age ul li:not(:last-child){
  margin-bottom: 186px;
}
.cataract_content_age ul li:before{
  content: '';
  width: 8px;
  height: 8px;
  background: #f6bc30;
  position: absolute;
  left: 25px;
  top:10px;
}
.cataract_content .refractive_content_process{
	padding: 100px 0;
}
.cataract_content .refractive_content_process .cataract_content_stage_item_bottom{
	/*width: 870px;*/
	margin: 0 auto;
}
.cataract_content .cataract_content_stage_item_bottom li{
	    width: 210px;
	    height: 211px;
}
.cataract_content .refractive_content_process .refractive_content_process_title{
	text-align: center;
	margin-bottom: 50px;
}
.cataract_content .refractive_content_process .refractive_content_process_title h3{
	font-size: 2.25rem;
	color: #333;
	font-weight: bold;
}
.cataract_content .refractive_content_process .refractive_content_process_title p{
	font-size: 1rem;
	color: #555;
}
.cataract_content_stage{
  padding-top: 60px;
}
.cataract_content_stage_item{
  margin-top: 50px;
}
.cataract_content_stage_item .cataract_content_stage_item_intro{
  width: 53%;
  float: left;
  padding-top: 55px;
}
.cataract_content_stage_item .cataract_content_stage_item_intro h3{
  font-size: 30px;
  color: #333;
  margin-bottom: 10px;
}
.cataract_content_stage_item .cataract_content_stage_item_intro p{
  font-size: 16px;
  color: #555;
  line-height: 30px;
}
.cataract_content_stage_item img{
  width: 47%;
  float: left;
}
.cataract_content_stage_item:nth-child(odd) .cataract_content_stage_item_intro{
  padding-right: 7%;
}
.cataract_content_stage_item:nth-child(even) .cataract_content_stage_item_intro{
  padding-left: 7%;
}
.cataract_content_stage_item_bottom h3{
  font-size: 30px;
  color: #333;
  margin: 70px 0 50px;
}
.cataract_content_stage_item_bottom ul{
  /* margin-bottom: 110px; */
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.cataract_content_stage_item:last-child .cataract_content_stage_item_bottom li:first-child{
	margin-left: 8.5%;
}
.cataract_content_stage_item_bottom li{
  width: 183px;
  height: 184px;
  background: url("../img/cataract_stage_bg.png") no-repeat;
	background-size: cover;
  position: relative;
  float: left;
}
.cataract_content_stage_item_bottom li:not(:last-child){
  /* margin-right: 20px; */
	margin-right: 13%;
}
.cataract_content_stage_item_bottom li h4{
  font-size: 16px;
  color: #fff;
  text-align: center;
  width: 60px;
  height: 60px;
  margin-left: 26px;
  line-height: 60px;
  border-radius: 30px;
  background: #1bc7ff;
}
.cataract_content_stage_item_bottom li p{
  font-size: 16px;
  color: #333;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  padding-top: 160px;
}
.cataract_content_choose{
  padding: 70px 0 90px;
}
.cataract_content_choose_list{
  margin-top: 55px;
}
.cataract_content_choose_list li{
  width: 32%;
  float: left;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.cataract_content_choose_list li:not(:nth-child(3n)){
  margin-right: 2%;
}
.cataract_content_expert{
  padding: 60px 0;
}
.cataract_content_expert2{
	display: none;
}
.cataract_content_expert_foreign{
  margin: 30px 0 50px;
}
.cataract_content_expert_foreign .cataract_content_expert_foreign_intro{
  width: 53%;
  float: left;
}
.cataract_content_expert_foreign:nth-child(odd) .cataract_content_expert_foreign_intro{
  padding-right: 83px;
}
.cataract_content_expert_foreign:nth-child(even) .cataract_content_expert_foreign_intro{
  padding-left: 83px;
}
.cataract_content_expert_foreign .cataract_content_expert_foreign_intro h4{
  font-size: 30px;
  margin-bottom: 10px;
}
.cataract_content_expert_foreign .cataract_content_expert_foreign_intro p{
  font-size: 16px;
  color:#555;
}
.cataract_content_expert_foreign img{
  width: 47%;
  float: left;
  margin: 0 auto;
}
.cataract_content_expert_item{
  margin-bottom: 34px;
}
.cataract_content_expert_item .cataract_content_expert_item_intro{
  width: 53%;
  height: 365px;
  float: left;
  background: #f7f7f7;
  padding: 60px 65px 0 56px;
  margin-top: 20px;
}
.cataract_content_expert_item .cataract_content_expert_item_intro h4{
  font-size: 30px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}
.cataract_content_expert_item .cataract_content_expert_item_intro b{
  font-size: 20px;
  display: block;
  font-weight: normal;
  margin: -10px 0 10px 0;
}
.cataract_content_expert_item .cataract_content_expert_item_intro span{
  font-size: 18px;
}
.cataract_content_expert_item .cataract_content_expert_item_img{
  width: 47%;
  float: left;
}
.cataract_content_expert_item:nth-child(even) img{
  margin: 0 80px 0 125px;
}
.cataract_content_expert_item:nth-child(odd) img{
  margin: 0 125px 0 80px;
}
/*glaucoma.html*/
.glaucoma_content .cataract_content_kinds{
  padding: 40px 0;
}
.glaucoma_content .refractive_title{
	margin-bottom: 68px;
}
.glaucoma_content .others_content .hex p.others_content_kinds_desc{
	top: 40%;
}

.glaucoma_content .cataract_content_kinds .refractive_title{
  margin-bottom: 10px;
}

.glaucoma_content_kinds_desc{
  font-size: 20px;
  color: #333;
  text-align: center;
  margin: 40px auto;
}
.glaucoma_content_kinds_desc span{
  font-size: 30px;
  color: #2990cf;
  font-weight: bold;
}
.glaucoma_content .cataract_content_methods{
  padding: 60px 0 116px;
}
.glaucoma_content_prevention{
  padding-top: 60px;
}
.glaucoma_content_prevention_list{
  margin: 40px 0 115px;
}
.glaucoma_content_prevention_list ul{
  width: 52.5%;
  float: left;
  margin-top: 5px;
}
.glaucoma_content_prevention_list li{
  font-size: 18px;
  background: #f7f7f7;
  border-radius: 12px;
  line-height: 60px;
  margin-bottom: 25px;
  padding-left: 40px;
}
.glaucoma_content_prevention_list img{
  width: 45%;
  float: right;
}
.glaucoma_content_need{
  padding: 70px 0 110px;
}
.glaucoma_content_check{
  padding: 80px 0 30px;
}
.glaucoma_content_check ul{
  margin-top: 40px;
}
.glaucoma_content_check li{
  width: 30.66%;
  float: left;
  text-align: center;
}
.glaucoma_content_check li img{
  border-radius: 6px;
}
.glaucoma_content_check li:not(:nth-child(3n)){
  margin-right: 4%;
}
.glaucoma_content_check li p{
  font-size: 20px;
  padding: 1px;
}
.glaucoma_content .refractive_content_process{
	/* padding: 80px 0 20px; */
	padding: 80px 0 100px;
}
.glaucoma_content .refractive_content_process_title{
	text-align: center;
}
.glaucoma_content .cataract_content_stage_item_bottom ul{
	width: 80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	margin-top: 50px;
}
.glaucoma_content .cataract_content_stage_item_bottom li{
	width: 208px;
	height: 209px;
}
.glaucoma_content .cataract_content_stage_item_bottom li p{
	margin-top: 10px;
}
/*orthokeratology.html*/
.orthokeratology_content_question{
  padding: 48px 0;
}
.orthokeratology_content_question ul{
  display: flex;
  justify-content: center;
  margin-top: 30px;
  flex-wrap: wrap;
}
.orthokeratology_content_question li{
  width: 25%;
  text-align: center;
}
.orthokeratology_content .cataract_content_what .refractive_title{
  margin-bottom: 60px;
}
.orthokeratology_content_yuanli{
  margin-top: 30px;
}
.orthokeratology_content_yuanli_left{
  float: left;
  margin-top: 50px;
}
.orthokeratology_content_yuanli h4{
  font-size: 30px;
}
.orthokeratology_content_yuanli p{
  font-size: 16px;
}
.orthokeratology_content_yuanli img{
  float: right;
}
.orthokeratology_content_person{
  margin-left: 160px;
}
.orthokeratology_content .cataract_content_age ul li{
  margin-bottom: 100px;
}
.orthokeratology_content .cataract_content_age .cataract_content_age_right li{
	margin-bottom: 55px;
}
.orthokeratology_content .cataract_content_age ul:first-child{
  padding-left: 0;
}
.orthokeratology_content .glaucoma_content_check{
  padding: 70px 0 90px;
}
.orthokeratology_content .glaucoma_content_check li{
  width: 32%;
  margin-bottom: 30px;
}
.orthokeratology_content .glaucoma_content_check li img{
  display: block;
  margin-right: 0;
  border-radius: 6px;
}
.orthokeratology_content .glaucoma_content_check li:not(:nth-child(3n)){
  margin-right: 2%;
}
.orthokeratology_content .cataract_content_expert_list{
  margin-top: 36px;
}
.orthokeratology_content .orthokeratology_content_who{
	margin-top: 70px;
}
.orthokeratology_content .cataract_content_kinds_list .others_content_kinds_desc{
	font-size: 15px;
	top: 39%;
	padding: 0 20px;
}
.orthokeratology_content .hex h1{
	bottom: 59%;
}
.orthokeratology_content .cataract_content_kinds{
	padding-bottom: 100px;
}
.orthokeratology_content .about_content_honor_list li{
	width: 23%;
}
.orthokeratology_content .about_content_honor_list li:not(:nth-child(4n)){
	margin-right: 2%;
}
.orthokeratology_content .cataract_content_age{
	padding-bottom: 0;
}
/*strabismus.html*/
.strabismus_content .cataract_content_what{
  padding: 50px 0 170px;
}
.strabismus_content .cataract_content_what_intro{
  padding: 40px 40px 0 60px;
}
.strabismus_content .cataract_content_what_intro div:not(:last-child){
  margin-bottom: 20px;
}
.strabismus_content .cataract_content_kinds{
  padding: 60px 0 80px;
}
.strabismus_content .cataract_content_kinds .strabismus_content_qk{
  padding-left: 70px;
}
.strabismus_content .orthokeratology_content_question{
  padding: 48px 0  88px;
}
.strabismus_content .cataract_content_age ul:first-child{
  padding-left: 7%;
}
.strabismus_content .cataract_content_age ul:last-child{
  padding-right: 7%;
}
.strabismus_content .cataract_content_age ul li:not(:last-child){
  margin-bottom: 100px;
}
.strabismus_content .cataract_content_age{
  padding: 70px 0;
}
.strabismus_content_level{
  font-size: 20px;
  color: #777;
  line-height: 40px;
  margin-top: 40px;
}
.strabismus_content .cataract_content_expert_list{
  margin-top: 35px;
}
/*optometry.html*/
.optometry_content .cataract_content_what .refractive_title{
  margin-bottom: 50px;
}
.optometry_content .cataract_content_what_intro{
  padding: 40px 60px 0 60px;
  height: 400px;
}
.optometry_content_glasses{
  padding: 70px 0 100px;
}
.optometry_content_glasses .refractive_title{
  margin-bottom: 40px;
}
.optometry_content_glasses_nav{
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.optometry_content_glasses_nav div{
  width: 255px;
  height: 44px;
  line-height: 44px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  border-radius: 22px;
}
.optometry_content_glasses_nav div:first-child{
  background: #2990cf;
  margin-right: 60px;
}
.optometry_content_glasses_nav div:last-child{
  background: #727272;
}
.optometry_content_glasses_box{
  background: #ededed;
}
.optometry_content_glasses_box_left{
  width: 50%;
  display: flex;
  vertical-align: middle;
  float: left;
}
.optometry_content_glasses_box_left ul{
  width: 30%;
  padding: 15px 0 8px 15px;
  background: -ms-linear-gradient(to right,#2b6cc6,#228dcd);
  background: -o-linear-gradient(to right,#2b6cc6,#228dcd);
  background: -webkit-linear-gradient(to right,#2b6cc6,#228dcd);
  background: repeating-linear-gradient(to right,#2b6cc6,#228dcd);
}
.optometry_content_glasses_box_left li{
  font-size: 18px;
  color: #fff;
  line-height: 2.2;
  position: relative;
}
.optometry_content_glasses_box_left li:after{
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #f6bc30;
  position: absolute;
  right: -5.5px;
  bottom: 14px;
}
.optometry_content_glasses_box_left div{
  padding: 9px 0 9px 9px;
  font-size: 0;
}
.optometry_content_glasses_box_right{
  width: 50%;
  display: flex;
  vertical-align: middle;
  float: right;
}
.optometry_content_glasses_box_right ul{
  width: 26%;
  padding: 26px 0 8px 15px;
  background: #797979;
}
.optometry_content_glasses_box_right li{
  font-size: 18px;
  color: #fff;
  line-height: 3.3;
  position: relative;
}
.optometry_content_glasses_box_right li:after{
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #f6bc30;
  position: absolute;
  left: -20.5px;
  bottom: 24px;
}
.optometry_content_glasses_box_right div{
  width: 74%;
  padding: 9px 9px 9px 0;
  text-align: right;
  font-size: 0;
}
/*others.html*/
.others_content .cataract_content_kinds{
  padding-bottom: 80px;
}
.others_content .others_desc{
  font-size: 28px;
  color: #2990cf;
  font-weight: bold;
  text-align: center;
  line-height: 2.6;
  margin-bottom: 10px;
}
.others_content #hexGrid{
  width: 77%;
}
 .others_content .hex h1{
  top: 10%;
}
.others_content .hex p{
  top: 40%;
}
.others_content .hex p.others_content_kinds_desc{
  width: 80%;
  font-size: 16px;
  color: #ffffff;
  line-height: 30px;
  top: 56%;
  left: 50%;
  transform: translateX(-50%);
}
.others_content_kp{
  padding: 0 0 70px;
}
.others_content_kp .container{
   background: #f7fcff;
   padding: 30px 120px 80px;
  border-radius: 14px;
 }
.others_content_kp_article{
  margin-top: 20px;
}
.others_content_kp p{
  color: #5a5a5a;
}
/*hospital.html*/
.hospital_content_list{
  display: flex;
  flex-wrap: wrap;
  padding: 48px 0;
}
.hospital_content_list li{
  width: 48.4%;
  position: relative;
  margin-bottom: 40px;
}
.hospital_content_list li:nth-child(odd){
  margin-right: 3.2%;
}
.hospital_content_list li img{
  display: block;
}
.hospital_content_list li div{
  width: 100%;
  font-size: 20px;
  color: #fff;
  line-height: 66px;
  background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.4));
  position: absolute;
  bottom: 0;
  left: 0;
  padding-left: 25px;
}
.hospital_content_envir h3{
  font-size: 30px;
  color: #333;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.hospital_content_envir .hospital_content_list{
  padding: 32px 0;
}
/* #map {
  width: 60%;
  height: 400px;
  overflow: hidden;
  font-family:"微软雅黑";
} */
#map b{
  color: #CC5522;
  font-size: 14px;
}
#map img{
  max-width: none;
}
.hospital_content_address{
  margin:77px 0;
}
.hospital_content_address .float_r{
  width: 34%;
  padding-top: 44px;
}
.hospital_content_address .float_r h3{
  font-size: 30px;
  color: #333;
  margin-bottom: 20px;
}
.hospital_content_address .float_r p{
  font-size: 16px;
  color: #5a5a5a;
  line-height: 30px;
}
/*doctor.html*/
.doctor_content_box{
  margin-bottom: 24px;
}
.doctor_content_box h2{
  line-height: 116px;
}
.doctor_content_list li{
  float: left;
  width: 23.3%;
  margin-bottom: 32px;
}
.doctor_content_list li:not(:nth-child(4n)){
  margin-right: 2.26%;
}
/*team.html*/
.team_content .doctor_content_list{
  margin-top: 48px;
}
.pageNum {
  width: 100%;
  height: 2.5rem;
  text-align: center;
  vertical-align: middle;
  margin: 45px auto;
  display: inline-block;
  font-size: 0;

}
.pageNum .m-pagination li {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  font-size: 1rem;
  border-right: 0;
  background: #f3f3f3;
}
.pageNum .m-pagination li a{
  color: #686868;
}
.pageNum .m-pagination li.active {
  background: #2990cf;
}
.pageNum .m-pagination li.active a{
  color: #fff;
}
.team_content{
  padding: 50px 0 100px;
}
.team_content_img{
  width: 32%;
  float: left;
}
.team_content_detail{
  width: 64%;
  float: right;
}
.team_content_detail .team_content_detail_title{
  padding: 14px 0 25px;
  border-bottom:1px solid #ededed;
  margin-bottom: 28px;
}
.team_content_detail .team_content_detail_title h3{
  font-size: 30px;
}
.team_content_detail .team_content_detail_title p{
  font-size: 18px;
  color:#666;
}
.team_content_detail_intro{
  padding-right: 6%;
  /*height: 290px;*/
  /*height: 360px;*/
}
.team_content_detail_intro p{
  font-size: 15px;
  color: #5a5a5a;
}
.team_content_detail a{
  display: block;
  width: 260px;
  font-size: 20px;
  color: #2990cf;
  height: 70px;
  line-height: 70px;
  text-align: center;
  border: 2px solid #2990cf;
  border-radius: 3px;
}
.team_content_detail a:hover{
  background: #2990cf;
  color: #fff;
}

/*overseas.html*/
.overseas_content{
  padding: 48px 0;
}
.overseas_content2{
	display: none;
}
.overseas_content_item{
  margin-bottom: 95px;
}
.overseas_content_item img{
  width: 50%;
  float: left;
}
.overseas_content_item .overseas_content_item_intro{
  width: 50%;
  float: left;
}
.overseas_content_item .overseas_content_item_intro h3{
  font-size: 30px;
  margin-bottom: 2px;
}
.overseas_content_item .overseas_content_item_intro p{
  height: 222px;
  font-size: 15px;
  line-height: 25px;
}
.overseas_content_item:nth-child(odd) .overseas_content_item_intro{
  padding-left: 64px;
}
.overseas_content_item:nth-child(even) .overseas_content_item_intro{
  padding-right: 64px;
}
.overseas_content_item .overseas_content_item_intro a{
  display: block;
  width: 258px;
  height: 66px;
  font-size: 20px;
  color: #2990cf;
  text-align: center;
  line-height: 66px;
  border-radius: 3px;
  border: 2px solid #2990cf;
}
.overseas_content_item .overseas_content_item_intro a:hover{
  background:  #2990cf;
  color: #fff;
}
/*science.html*/
.science_content_top{
  padding: 46px 0 90px;
}
.science_content_top .container{
  background: #2990cf;
}
.science_content_top_left{
  width: 57.5%;
  float: left;
	overflow: hidden;
}
.science_content_top .science_content_top_img{
	display: block;
}
.science_content_top .container:hover .science_content_top_img{
	transform: scale(1.1);
}
.science_content_top_right{
  width: 42.5%;
  float: right;
  padding: 80px 55px 0 45px;
}
.science_content_top_right .science_content_top_right_data span:first-child{
  font-size: 22px;
  color: #fff;
}
.science_content_top_right .science_content_top_right_data span:last-child{
  font-size: 15px;
  color: #fff;
  margin-left: 3px;
}
.science_content_top_right h3{
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  margin: 18px 0 35px;
}
.science_content_top_right p{
  font-size: 14px;
  color: #fff;
  height: 122px;
}
.science_content_list{
  padding: 90px 0;
  background: #f5f5f5;
}
.science_content_list .container li{
  width: 32%;
  float: left;
  background: #fff;
  margin-bottom: 24px;
}
.science_content_list .container li:not(:nth-child(3n)){
  margin-right: 2%;
}
.science_content_list .container li .science_content_list_img{
	width: 100%;
	padding: 0;
	overflow: hidden;
	padding-top: 67%;
	position: relative;
}
.science_content_list .container li img{
  display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.science_content_list .container li:hover img{
  transform: scale(1.1);
}
.science_content_list .container li div{
  padding: 30px 32px;
}
.science_content_list .container li span{
  font-size: 14px;
  color:#999;
}
.science_content_list .container li h4{
  font-size: 20px;
  color:#333;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 15px;
}
.science_content_list .container li:hover h4{
	color: #2583cb;
}
.science_content_list .container li p{
  font-size: 14px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
/*job.html*/
.job_wrap{
  padding-bottom: 2rem;
  margin-top: 2rem !important;
}
.job_item{
  width: 48%;
  margin-bottom: 2rem;
  margin-right: 4%;
}
.job_item:nth-child(2n){
  margin-right: 0;
}
.job_item dl dt{
  height: 3.625rem;
  border-bottom: #e6e6e6 solid 1px;
}
.job_item dl dt h4{
  color: #333333;
  font-size: 1.5rem;
  text-align: left;
}
.job_item dl dt a{
  color: #fff;
  font-size: .75rem;
  background: #2990cf;
  border-radius: 1rem;
  padding:.2rem 1rem;
  text-align: center;
  margin-top: .5rem;
  transition: all 1s ease-out;
}
.job_item dl dt a:hover{
  background: #333;
}
.job_item dl dd{
  height: 3.625rem;
  line-height: 3.625rem;
  border-bottom: #e6e6e6 solid 1px;
  padding:0 1.625rem;
}
.job_item dl dd:first-child{
  border-top: #e6e6e6 solid 1px !important;
}
.job_item dl dd li{
  float: left;
  text-align: left;
  color: #777777;
  font-size: .9375rem;
  width: 33%;
}
.job_item dl dd li:last-child{
  width: 33%;
}
.job_item dl dd:nth-child(odd){
  background: #f8f8f8;
}
.job_item2{
  width: 100%;
  margin-bottom: 2rem;
}
.job_item2 dl dt{
  height: 3.625rem;
  border-bottom: #e6e6e6 solid 1px;
}
.job_item2 dl dt h4{
  color: #333333;
  font-size: 1.5rem;
  text-align: left;
}
.job_item2 dl dt a{
  color: #fff;
  font-size: .75rem;
  background: #2990cf;
  border-radius: 1rem;
  padding:.2rem 1rem;
  text-align: center;
  margin-top: .5rem;
  transition: all 1s ease-out;
}
.job_item2 dl dt a:hover{
  background: #333;
}
.job_item2 dl dd{
  height: 3.625rem;
  line-height: 3.625rem;
  border-bottom: #e6e6e6 solid 1px;
  padding:0 1.625rem;
}
.job_item2 dl dd:first-child{
  border-top: #e6e6e6 solid 1px !important;
}
.job_item2 dl dd li{
  float: left;
  text-align: left;
  color: #777777;
  font-size: .9375rem;
  width: 25%;
}
.job_item2 dl dd li:last-child{
  width: 25%;
}
.job_item2 dl dd:nth-child(odd){
  background: #f8f8f8;
}
.job_item3 h3{
  font-size: 24px;
  margin-bottom: 22px;
}
.job_item3 h4{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
.job_zhize{
  margin-bottom: 35px;
}
.job_zhize p{
  font-size: 15px;
  color: #333333;
}
/*news.html*/
.news_content h2{
  font-size:25px;
  color: #333;
  text-align: center;
}
.news_content{
  padding: 50px 0;
}
.news_content .news_data{
  text-align: center;
}
.news_content .news_data span{
  font-size: 16px;
  text-align: center;
  color: #555;
}
.news_content .news_article{
  padding: 33px 0;
}
.news_content .news_article p{
  font-size: 15px;
  color: #333;
  line-height: 25px;
}
.news_others div{
  border-bottom: 1px solid #e5e5e5;
}
.news_others a{
  font-size: 14px;
  color: #666;
  line-height: 37px;
}
/* presbyopia_content.html */
.presbyopia_content .cataract_content_age ul:first-child{
		padding-left: 9%;
}
/* operation.html */
.operation_content .cataract_content_what_intro{
	padding: 30px 38px 35px 56px;
}
.operation_content .operation_content_before#hexGrid{
	width: 50%;
}
.operation_content .operation_content_before .hex{
	/* width: 45%;
	padding-bottom: 51.5%; */
	width: 38%;
	padding-bottom: 43.5%;
}
.operation_content .operation_content_before .hex:nth-child(5n+2){
	margin-left: 9%;
}
.operation_content .operation_content_after#hexGrid{
	width: 83%;
}
.operation_content .operation_content_after .hex{
	width: 26%;
	padding-bottom: 29.8%;
	margin-right: 3%;
	margin-left: 0;
}
.operation_content .operation_content_after .hex .others_content_kinds_desc{
	font-size: 16px;
	padding: 0 20px;
}
.operation_content .operation_content_after .hex:nth-child(4){
	margin-left: 14.5%;
	margin-top: -50px;
}
.operation_content .operation_content_after .hex:nth-child(5){
	margin-top: -50px;
}
.operation_content .operation_content_after .hex:nth-child(6){
	margin-top: -50px;
}
.operation_content .operation_content_after .hex:nth-child(7n+5){
	clear: none;
	float: left;
	margin-left: -13%;
}
.operation_content .cataract_content_attention li div{
	margin-left: 15%;
}
.operation_content .cataract_content_attention h4{
	margin-top: 15%;
	
}
.cataract_content_attention{
	padding-bottom: 120px;
}
.glaucoma_content .others_content .hex p.others_content_kinds_desc{
	line-height: 1.6;
}

/*.right_win {*/
/*    position: fixed;*/
/*    top: 25%;*/
/*    right: 0;*/
/*    z-index: 99;*/
/*}*/
/*.closed {*/
/*    display: block;*/
/*    width: 22px;*/
/*    height: 22px;*/
/*    position: absolute;*/
/*    right: 5px;*/
/*    top: -33px;*/
/*    background-size: 100%;*/
/*    background: url(../images) no-repeat center;*/
/*    cursor: pointer;*/
/*}*/
/*.right_win li {*/
/*    position: relative;*/
/*    margin-bottom: 1px;*/
/*}*/
/*.right_win li a {*/
/*    background: #274b9e;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: space-between;*/
/*    padding: 15px 20px;*/
/*}*/
/*.right_win li p {*/
/*    position: absolute;*/
/*    width: 0;*/
/*    top: 0;*/
/*    right: 55px;*/
/*    padding: 8px 0 7px 25px;*/
/*    white-space: nowrap;*/
/*    line-height: 50px;*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    -webkit-transform: translateX(-20px) rotate(0deg);*/
/*    -moz-transform: translateX(-20px) rotate(0deg);*/
/*    transform: translateX(-20px) rotate(0deg);*/
/*    -webkit-transition: opacity 0.5s, transform 0.5s;*/
/*    -moz-transition: opacity 0.5s, transform 0.5s;*/
/*    transition: opacity 0.5s, transform 0.5s;*/
/*    background: #274b9e;*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*    border-radius: 35px 0 0 35px;*/
/*}*/
/*.right_win li img {*/
/*    height: 35px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/
/*.right_win li:hover p{*/
/*    opacity: 1;*/
/*    width: 89px;*/
/*    right: 55px;*/
/*    visibility: visible;*/
/*}*/
/*.right_win li:hover p:before{*/
/*    content: '';*/
/*    height: 20px;*/
/*    width: 1px;*/
/*    background: #999ccd;*/
/*    position: absolute;*/
/*    right: -12px;*/
/*    top:34%;*/
/*}*/
/*.right_win ul:first-child{*/
/*    display:block*/
/*}*/
/*.right_win ul:nth-child(2){*/
/*    display:none*/
/*}*/
/*.right_win_codeShow {*/
/*    display: none;*/
/*    width: 290px;*/
/*    height: 290px;*/
/*    position: fixed;*/
/*    background: #fff;*/
/*    left: 40%;*/
/*    top: 30%;*/
/*    box-shadow: 0 0 8px 2px #b5bdc6;*/
/*    z-index: 555;*/
/*}*/
/*.close_wechat {*/
/*    width: 15px;*/
/*    height: 15px;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 15px;*/
/*    top: 15px;*/
/*    background: url(../img/close_wechat.png) no-repeat center;*/
/*    cursor: pointer;*/
/*}*/
/*.right_win_codeShow p {*/
/*    margin-top: 15px;*/
/*    text-align: center;*/
/*    font-stretch: 12px;*/
/*    color: #515050;*/
/*}*/
/*.right_win_codeShow i {*/
/*    display: block;*/
/*    margin-top: 37px;*/
/*}*/
/*.right_win_codeShow i img {*/
/*    width: 200px;*/
/*    display: block;*/
/*    margin: auto;*/
/*}*/



.suspend{
    width: 70px;
    height: 360px;
    position: fixed;
    right: 0px;
    top: 30%;
    z-index: 999;
}
.suspend>div {
    /*width: 80px;*/
    /*height: 80px;*/
    width: 60px;
    height: 60px;
    margin-top: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: #eee 0px 0px 10px;
}
.moveto {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background-color: #52b989;
    color: #ffffff;
    border-radius: 4px;
    font-size: 18px;
}
.suspend img {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 20%;
    left: 20%;
}
.moveto {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    background-color: #2aa2ee;
    color: #ffffff;
    border-radius: 4px;
    font-size: 18px;
}
.moveto div {
    width: 40px;
    text-align: center;
    margin: 11px auto;
    font-size: 16px;
    line-height: 1.2;
}
.doctor-weixin {
    width: 240px;
    position: absolute;
    top: -50px;
    left: -300px;
    display: none;
    background-color: #fff;
}
.doctor-weixin img {
    width: 240px;
    margin-top: 5px;
}
.wechattxt {
    margin-top: 21px!important;
}
.hb-block {
    text-align: center;
}
.hb-block p {
    font-size: 18px;
    color: #ffffff;
    line-height: 1.4;
    /*margin-top: 8px;*/
}
.hb-block {
    opacity: 0;
    position: absolute;
    right: 70px;
    top: 0;
    width: 0px;
    height: 60px;
    padding-top: 5px;
    background-color: #2aa2ee;
    border-radius: 6px;
    transition: all 1s linear;
}
.suspend>div:hover .moveto {
    display: block;
}
.hb:hover .hb-block {
    opacity: 1;
    width: 245px;
    transition: all 1s linear;
}
.weixin:hover .doctor-weixin {
    display: block;
}

#allmap {
    width: 100%;
    /* height: 100%; */
	height: 400px;
	overflow: hidden;
	font-family:"微软雅黑";
}




@media only screen and (min-width:119rem) {
    .page_top{background-size:100% auto;background-position:top}
}
@media only screen and (max-width:119rem) {

}
@media only screen and (max-width:100rem) {

}
@media only screen and (max-width:87rem) {
	.team_banner .swiper-button-prev, .team_banner .swiper-container-rtl .swiper-button-next{left: 0;}
	.team_banner .swiper-button-next, .team_banner .swiper-container-rtl .swiper-button-prev{right:0}
	.envir_wrap .envir_banner{padding: 0 3rem;}
	.envir_wrap .envir_banner .swiper-button-prev, .envir_wrap .envir_banner .swiper-container-rtl .swiper-button-next{left: 0;}
	.envir_wrap .envir_banner .swiper-button-next, .envir_wrap .envir_banner .swiper-container-rtl .swiper-button-prev{right:0;}

}
@media only screen and (max-width:75rem) {
  .container{padding: 0 1rem}
  /*about.html*/
  /*refractive.html*/
  .diamond_list li{width: 45%;height: 175px;transform: rotate(0deg);margin-right: 5%;margin-bottom: 10px}
  .diamond_list li div{transform: rotate(0deg);margin-left: 0;}
  .diamond_list_two,.diamond_list_thrree{margin-top: 35px;margin-left: 43px;}
	
  /*cataract.html*/
  .hex {width: 32.666%;padding-bottom: 37.720%;}
  .hex:nth-child(5n+4),
  .hex:nth-child(5n+5) {margin-top: -8.564%;margin-bottom: -8.564%;-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);transform: translateX(50%) rotate(-60deg) skewY(30deg);}
  .hex:nth-child(5n+4):last-child, .hex:nth-child(5n+5):last-child {margin-bottom: 0;}
  .hex:nth-child(5n+4) {margin-right: 1%;margin-left: 0.5%;}
  .hex:nth-child(5n+2) {margin-left: 1%;margin-right: 1%;}
  .hex:nth-child(5n+6) {clear: left;}
  .cataract_content_stage_item_bottom li{width: 18%;background-size: 100% auto;}
  .cataract_content_stage_item_bottom li:not(:nth-child(5n)){margin-right: 2%}
	.cataract_content_stage_item:last-child .cataract_content_stage_item_bottom li:first-child{margin-left: 0;}
  /*glaucoma.html*/
  /*orthokeratology.html*/
  /*strabismus.html*/
  /*optometry.html*/
  /*others.html*/
  /*hospital.html*/
  /*doctor.html*/
  .doctor_content_list li{width: 48%;}
  .doctor_content_list li:nth-child(odd){margin-right: 4%;}
  .doctor_content_list li:nth-child(even){margin-right: 0;}
  /*team.html*/
  /*overseas.html*/

}
@media only screen and (min-width:75rem) {
  /*cataract.html*/
  .hex {width: 24.25%;padding-bottom: 28.001%;}
  .hex:nth-child(7n+5), .hex:nth-child(7n+6), .hex:nth-child(7n+7) {margin-top: -6.134%;margin-bottom: -6.134%;-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);transform: translateX(50%) rotate(-60deg) skewY(30deg);}
  .hex:nth-child(7n+5):last-child, .hex:nth-child(7n+6):last-child, .hex:nth-child(7n+7):last-child {margin-bottom: 0;}
  .hex:nth-child(7n+2), .hex:nth-child(7n+6) {margin-left: 1%;margin-right: 1%;}
  .hex:nth-child(7n+3) {margin-right: 1%;}
  .hex:nth-child(7n+8) {clear: left;}
  .hex:nth-child(7n+5) {clear: left;margin-left: 0.5%;}
  /*glaucoma.html*/
  /*orthokeratology.html*/
  /*strabismus.html*/
  /*optometry.html*/
  /*others.html*/
  .others_content .hex:nth-child(7n+5), .others_content .hex:nth-child(7n+6), .others_content .hex:nth-child(7n+7) {margin-top: 0;margin-bottom: 0;-webkit-transform: translateX(0);-ms-transform: translateX(0) rotate(0deg) skewY(0deg);transform: translateX(0) rotate(0deg) skewY(0deg);}
  .others_content .hex:nth-child(7n+5):last-child, .others_content .hex:nth-child(7n+6):last-child, .others_content .hex:nth-child(7n+7):last-child {margin-bottom: 0;}
  .others_content .hex:nth-child(7n+2), .others_content .hex:nth-child(7n+6) {margin-left: 0;margin-right: 0;}
  .others_content .hex:nth-child(7n+3) {margin-right: 0;}
  .others_content .hex:nth-child(7n+8) {clear: left;}
  .others_content .hex:nth-child(7n+5) {clear: none;margin-left: 0;}

  .others_content .hex {width: 27.666%;padding-bottom: 32%;margin-right: 7.5%;}
  .others_content .hex:nth-child(5n+4),
  .others_content .hex:nth-child(5n+5) {margin-top: -3.564%;margin-bottom: -8.564%;-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);transform: translateX(50%) rotate(-60deg) skewY(30deg);}
  .others_content .hex:nth-child(5n+4):last-child, .others_content .hex:nth-child(5n+5):last-child {margin-bottom: 0;}
  .others_content .hex:nth-child(5n+4) {margin-right: 7.5%;margin-left: 4%;}
  .others_content .hex:nth-child(5n+2) {margin-right: 7.5%;}
  .others_content .hex:nth-child(5n+6) {clear: left;}
  /*hospital.html*/
  /*doctor.html*/
  /*team.html*/
  /*overseas.html*/

}

/* screen 150% */
@media screen and (max-width:62rem) {
  .menu {display:block;}
  .nav{display: none !important;}
  .header-wrap {position:relative;background: #fff;height: auto}
  .mobile_nav_btns{display: block;position: relative;border-top: 5px solid #2583cb;padding: .5rem 1rem !important;}
  .mobile_nav_btns>img{width: 15px;vertical-align: middle;}
  .mobile_nav_btns span{font-size: 18px;font-weight: bold;color: #2583cb;vertical-align: middle;}
  .mobile_nav_btns .top-wrap-right-phone{font-size: 18px;margin: 0 10px 0 0;}
	.top-wrap{align-items: center;    height: 85px;}
	.top-wrap-left{justify-content: space-between;}
	.top-wrap-left-text{font-size: 1rem;}
	.top-wrap-right{display: none;}
	.about_header,.about_box{width: 100%}
  .about_header .title,.about_header .subtitle,.about_header a{display: none}
	.team_banner .swiper-button-prev, .team_banner .swiper-container-rtl .swiper-button-next{left: 5px;}
	.team_banner .swiper-button-next, .team_banner .swiper-container-rtl .swiper-button-prev{right:5px;}
	.envir_wrap .envir_banner .swiper-button-prev, .envir_wrap .envir_banner .swiper-container-rtl .swiper-button-next{left: 5px;}
	.envir_wrap .envir_banner .swiper-button-next, .envir_wrap .envir_banner .swiper-container-rtl .swiper-button-prev{right: 5px;}
	
	
  /*about.html*/
  .page_nav .container{border:none}
  .page_nav .page_nav_list{margin-top: 20px}
  .page_nav li{/*width: 111px;*/width: 50%;border:1px solid #eee;height: 42px;margin-bottom: 5px}
  .page_nav li.active{background: #2990cf;border:1px solid #2990cf}
  .page_nav li a{line-height: 40px;padding: 0;}
  .page_nav li.active a{font-size: 14px;color:#fff;}
  .about_content_detail_left{width: 100%;float: inherit !important;}
  .about_content_detail_right{width: 100%;float: inherit !important;position: static;}
  .about_content_culture_list .about_content_culture_info h4{font-size: 20px;}
  .about_content_culture_list .about_content_culture_info p{font-size: 14px;}
  .about_content_history_list .swiper-button-prev, .about_content_history_list  .swiper-container-rtl .swiper-button-next{left: -5px;}
  .about_content_history_list .swiper-button-next, .about_content_history_list .swiper-container-rtl .swiper-button-prev{right: -5px;}
  /*refractive.html*/
  .refractive_content_question_list li{width: 50%}
  .refractive_content_question_list li .refractive_content_question_item_img{max-width: 90%}
  .refractive_content_classify_img img{width: 30%;margin-right: 2%}
  .refractive_content_classify_intro{    padding: 10px 15px 0 15px;}
  .refractive_content_fm img{display: none}
  .refractive_content_fm ul{width: 50%}
  /*cataract.html*/
  .cataract_content_stage_item_bottom li{width: 22%;background-size: 100% auto;margin-bottom:5rem}
  .cataract_content_stage_item_bottom li:not(:nth-child(5n)){margin-right: 3%}
  .cataract_content_stage_item_bottom li p{font-size: 20px;width: 80%}
  /*glaucoma.html*/
  /*orthokeratology.html*/
  .orthokeratology_content_question li{width: 33%}
  .orthokeratology_content_question li img,.orthokeratology_content_question li p{width: 80%;margin: auto}
  .orthokeratology_content_yuanli{margin-top: 60px}
  .orthokeratology_content_person{margin: 50px 0 0 0;}
  /*optometry.html*/
  /*others.html*/
  /*hospital.html*/
  .hospital_content_list li div{font-size:12px;padding-left: 0;text-align: center;line-height: 28px}
  /*doctor.html*/
  /*team.html*/
  /*overseas.html*/

}
@media screen and (min-width:62rem) {

}
/*移动端隐藏*/
@media screen and (max-width: 46.875rem){
  .H_title h3{font-size: 30px}
  .H_title h2{font-size: 36px}
  .H_title p{font-size: 16px}
  .container{padding: 0 1rem}
  .top-wrap{height: 60px;padding: 18px 1rem}
  .top-wrap img.logo{width: 135px}
	.top-wrap-left-text{font-size: .75rem;margin-left: 5px;line-height: 1.2;}
  .top-wrap-right img{width: 15px}
  .top-wrap-right{width: 48%;padding-top: 0;text-align: right}
  .top-wrap-right img,.top-wrap-right .top-wrap-right-phone{display: none}
  .top-wrap-right a{font-size: 12px}
  .banner.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 5px;}
  .banner .swiper-pagination-bullet{width: 8px;height: 8px;}
	.about_wrap{padding: 2rem 0;}
	.about_btn{display: block;}
	.aboutbody{position: static;width: 100%;padding: 2rem 1rem;}
	.aboutbody h3{font-size: 1.875rem;margin-bottom: 1rem;}
	.aboutbody .description{font-size: 1rem;}
  .character_box li{width: 47%;margin-bottom: 15px;padding: 2rem 0;}
	.character_box_info h4{margin-top: 1rem;height: 3rem;font-size: 1.125rem;}
  .character_box_info p{font-size: 1rem;line-height: 2rem;}
	.character_box_p{font-size: 1rem;}
	
	
  .team_wrap{padding: 90px 0 40px}
  .team_banner{width: 80%;margin: 0 auto}
  .team_banner_item_info{width: 100%;}
  .team_banner_item_info .team_banner_item_name h3{font-size: 24px;margin-bottom: 10px}
  .team_banner_more{font-size: 16px;    width: 150px;line-height: 45px;height: 45px;    margin: 30px auto;}
  
	.envir_wrap{padding: 2rem 0;}
	.envir_wrap .envir_intro{margin-top: 2rem;}
	.envir_wrap .envir_intro img,.envir_wrap .envir_intro .envir_intro_right{width: 100%;}
	.envir_wrap .envir_banner{padding: 0 2rem;margin-top: 0;}
	.envir_wrap .envir_banner .swiper-button-next,.envir_wrap .envir_banner .swiper-button-prev{margin-top: -8px;}
	.envir_wrap .envir_banner .swiper-button-next, .envir_wrap .envir_banner .swiper-button-prev{width: 20px;height:20px;background-size: 100% 100%;}
	
	
	/* .academic_wrap{background-position: top center;padding: 30px 0 0 0;}
  .academic_left .H_title{margin: 15px 0 60px;}
  .academic_img{margin-bottom: 20px}
	.academic_img a{height: auto;}
	.academic_img img{max-width: 100%;height: auto;}
  .academic_right_item .academic_right_info{    padding: 10px 8px 0 15px;}
  .academic_right_item .academic_right_img{height: auto;}
  .academic_right_item .academic_right_info h3{font-size: 16px;}
  .academic_right_item .academic_right_info p{font-size: 12px;line-height: 1.5;margin-bottom: 10px;}
	 */
	
	
	.news_wrap{padding: 3rem 0;}
	.news_box_item{width: 100%;margin-bottom: 1.8rem;}
	.news_box_item .news_box_item_info{padding: 1.3rem 1rem;}
	.news_box_item .news_box_item_info p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.science_content_list .container li{width:49%}
	.science_content_list .container li:nth-child(odd){margin-right:2%}
	.science_content_list .container li:nth-child(even){margin-right:0}
	.footer_top{display: none}
  footer{background: #2583cb;}
  .footer_copy{line-height: 24px;padding: 20px 0 10px;}
  /*about.html*/
  .page_top{height: 145px;background-size: auto 100%;}
  .page_top_info{padding-top: 20px}
  .page_top .page_top_info h2{font-size: 26px}
  .page_top .page_top_info h3{font-size: 20px}
  .page_top .page_top_info p{font-size: 16px}
  .page_nav .page_nav_list{height: auto}
  .about_content_culture_list{width: 100%;flex-wrap: wrap;justify-content: center;}
  .about_content_culture_list li{width: 54%}
	.about_content_detail{height: auto;margin-bottom: 20px;}
  .about_content_culture_list .about_content_culture_info h4{font-size: 18px;margin-bottom: 6px}
  .about_content_culture_list .about_content_culture_info p{height: 40px;font-size: 12px;line-height:1.5;}
  .about_content_stage{padding: 60px 0 50px;background-size: auto 100%;background-position: center;}
  .about_content_stage_content{padding: 0}
  .about_content_stage_content h3{font-size: 20px;padding-bottom: 20px;margin-bottom: 30px}
  .about_content_stage_content p{font-size: 14px;line-height: 1.5}
  .about_content_stage_nav{width: 45%}
  .about_content_stage_nav li.active{width: 85%}
  .about_content_stage_nav li{width: 80%;line-height: 60px;height: 60px}
  .about_content_stage_nav li strong{width: 45px}
  .about_content_stage_nav li span{padding-left: 0}
  .about_content_honor{padding: 60px 0 50px}
  .about_content_honor_list li{width: 48%;}
  .about_content_honor_list li:nth-child(even){margin-right: 0}
  .about_content_honor_list li:nth-child(odd){margin-right: 2%}
	.about_content_video_list li{width: 48%;}
	.about_content_video_list li:nth-child(even){margin-right: 0}
	.about_content_video_list li:nth-child(odd){margin-right: 2%}
	.about_content_video_list li .about_content_video_item_intro .about_content_video_item_title{margin-bottom: 0;}
  /*refractive.html*/
  .refractive_title{font-size: 26px}
  .refractive_content_question_item_img h4{font-size: 30px}
  .refractive_content_question_list p{font-size: 16px}
  .refractive_content_kinds{background-size: 100% 100%}
  .refractive_content_kinds_item img{width: 100%;}
  .refractive_content_kinds_item .refractive_content_kinds_item_intro{width: 100%;padding:30px;}
  .refractive_content_kinds_item .refractive_content_kinds_item_intro h4{font-size: 24px;margin-bottom: 0}
  .refractive_content_classify_img,.refractive_content_classify_intro{width: 100%;text-align: center;}
  .refractive_content_classify_img img{width: 30%;margin-right: 2%}
	.refractive_content_classify_list{display: none;}
	.refractive_content_classify_list2{display: block;}
	.refractive_content_classify_item:last-child .refractive_content_classify_img{width: 100%;}
	.refractive_content_classify_item:last-child .refractive_content_classify_img img{width: 47%;}
  .refractive_content_fm ul{width: 100%;margin-top: 0}
  .refractive_content_fm ul li{margin-bottom: 10px}
  .refractive_content_after .strabismus_content_qk{margin-left:0}
  .diamond_list{margin: 0}
  .diamond_list li{width: 100%}
  .diamond_list_two,.diamond_list_three{margin-top: 35px}
	.refractive_content_expert{display: none;}
	.refractive_content_expert2{display: block;padding: 50px 0;}
  .refractive_content_expert_foreign .refractive_content_expert_foreign_intro,.refractive_content_expert_item .refractive_content_expert_item_intro{width: 100%;padding-right: 0}
  .refractive_content_expert_foreign img,.refractive_content_expert_item .refractive_content_expert_item_img{width: 100%;}
	.refractive_content_expert_item img{display: block!important;margin: 0 auto !important;}
	.refractive_content_expert_foreign .refractive_content_expert_foreign_intro, .refractive_content_expert_item .refractive_content_expert_item_intro{padding: 10px !important}
	/*cataract.html*/
  .cataract_content_what{padding: 50px 0 10px}
  .cataract_content_what_intro{width: 100%;min-height:auto;position: static;height: auto;padding: 20px;}
  .cataract_content_what_intro h4{font-size: 26px}
  .cataract_content_what_intro p{line-height: 28px}
  .hex h1{font-size: 36px;bottom: 40%}
  .hex p{font-size: 14px}
  .cataract_desc{width: 100%}
  .cataract_content_age{padding: 50px 0;background-size: 100% 100%;}
  .cataract_content_age .refractive_title{margin-bottom: 0}
  .cataract_content_age img{display: none}
  .cataract_content_age ul{width: 50%}
	.cataract_content_age .cataract_content_age_bottom{position: absolute;bottom:0;left:1rem;margin-top: 0;position: static;}
  .cataract_content_age ul li{margin-bottom: 0;font-size: 18px;height: 120px;/*height: 60px;*/}
	.cataract_content_age ul li:not(:last-child){margin-bottom: 0;}
	.refractive_content .cataract_content_age{padding:70px 0 70px;}
  .cataract_content_age ul:first-child{padding-left: 0}
  .cataract_content_stage_item img{width: 100%;}
  .cataract_content_stage_item .cataract_content_stage_item_intro{width: 100%;padding: 0}
  .cataract_content_stage_item .cataract_content_stage_item_intro h3{font-size: 20px;}
  .cataract_content_stage_item .cataract_content_stage_item_intro p{font-size: 14px;line-height: 26px;}
  .cataract_content_stage_item:nth-child(odd) .cataract_content_stage_item_intro{padding: 0}
  .cataract_content_stage_item_bottom h3{font-size: 26px}
  .cataract_content_stage_item_bottom ul{margin-bottom: 20px;justify-content:space-between;}
  .cataract_content_stage_item_bottom li{width: 48%;background-size: 100% auto;}
  .cataract_content_stage_item_bottom li:nth-child(odd){margin-right: 4%}
  .cataract_content_stage_item_bottom li:nth-child(even){margin-right: 0}
  .cataract_content_stage_item_bottom li p{font-size: .875rem;width: 100%;padding-top:125px}
  .cataract_content_stage_item_bottom li h4{margin-left: 14px;}
	.cataract_content_expert{width: 100%;display: none;}
	.cataract_content_expert2{display: block;}
  .cataract_content_expert_foreign .cataract_content_expert_foreign_intro{width: 100%;padding: 0}
  .cataract_content_expert_foreign:nth-child(odd) .cataract_content_expert_foreign_intro{padding: 0}
  .cataract_content_expert_foreign:nth-child(even) .cataract_content_expert_foreign_intro{padding: 0}
  .cataract_content_expert_foreign img{width: 100%;}
	.cataract_content_expert_item .cataract_content_expert_item_img{width: 100%;}
	.cataract_content_expert_item img{display: block !important;margin: 0 auto !important;}
  .cataract_content_expert_item .cataract_content_expert_item_intro{width: 100%;height: auto;padding: 20px;}
  /*glaucoma.html*/
	.glaucoma_content #hexGrid li:first-child{margin-left: 0;}
  .glaucoma_content_prevention_list ul{width: 100%}
  .glaucoma_content_prevention_list li{padding: 10px 20px;line-height:30px;font-size: 16px}
  .glaucoma_content_prevention_list img{width: 100%;}
  .glaucoma_content_need{padding: 70px 0 50px}
  .glaucoma_content_check li p{font-size: 14px}
  /*orthokeratology.html*/
  /*strabismus.html*/
  .strabismus_content .cataract_content_kinds .strabismus_content_qk{padding-left: 0}
  .strabismus_content .orthokeratology_content_question li{width: 50%}
  .strabismus_content .cataract_content_what{    padding: 50px 0;}
	.strabismus_content .cataract_content_what_intro{    padding: 40px 40px 40px 60px;}
  /*optometry.html*/
	.optometry_content .cataract_content_what_intro{height: auto;padding: 40px 20px 40px 20px;}
  .optometry_content_glasses_nav div{font-size: 16px;height: 40px;line-height: 40px}
	.optometry_content_glasses_box_right ul{background: none;}
	.optometry_content_glasses_box_right ul li{color: #333;line-height: 4.5;}
  .optometry_content_glasses_box_left div,.optometry_content_glasses_box_right div{display: none}
  .optometry_content_glasses_box_left ul,.optometry_content_glasses_box_right ul{width: 100%}
  .optometry_content_glasses_box_left li,.optometry_content_glasses_box_right li{font-size: 14px}
  .optometry_content_glasses_box_right li:after{content: none}
  /*others.html*/
  .others_content #hexGrid{width: 100%}
  .others_content .hex h1{font-size: 28px;top:0}
  .others_content .hex p{line-height: 1;top:35%}
  .others_content .hex p.others_content_kinds_desc{font-size: 12px;line-height: 1.3;top:45%;width: 90%;}
  .others_content_kp .container{ padding: 30px 30px 30px;}
  /*hospital.html*/
  #map{width: 100%;height: 200px}
  .hospital_content_address .float_r{width: 100%}
  /*doctor.html*/
  .doctor_content_box .doctor_content_list li{margin-bottom: 20px}
  .doctor_content_box .team_banner_item_info{padding: 25px 10px 10px 10px}
  .doctor_content_box .team_banner_item_info .team_banner_item_name h3{font-size: 18px}
  .doctor_content_box .team_banner_item_info .team_banner_item_name a{font-size: 12px;line-height: 22px;width: 60px;height: 22px;}
  .doctor_content_box .team_banner_item_info .team_banner_item_job{line-height: 20px}
  .doctor_content_box .team_banner_item_info .team_banner_item_job span{font-size: .75rem}
  .doctor_content_box .team_banner_item_info .team_banner_item_department{font-size: .75rem}
  /*team.html*/
  .team_content_img{width: 100%}
  .team_content_detail{width: 100%;padding-bottom: 50px}
  .team_content_detail a{width: 200px;line-height: 50px;height: 50px}
  /*overseas.html*/
  .overseas_content_item{margin-bottom: 50px}
  .overseas_content_item img{width: 100%;}
  .overseas_content_item .overseas_content_item_intro{width: 100%}
  .overseas_content_item:nth-child(odd) .overseas_content_item_intro{padding: 0}
  .overseas_content_item .overseas_content_item_intro p{height: auto}
  .overseas_content_item .overseas_content_item_intro a{font-size: 16px;width: 200px;line-height: 50px;height: 50px;margin: 20px auto}
  .overseas_content_item:nth-child(even) .overseas_content_item_intro{padding-right: 0;}
	.overseas_content{display: none;}
	.overseas_content2{display: block;}
	/*science.html*/
  .science_content_top_left{width: 100%;}
  .science_content_top_right{width: 100%;padding: 30px 0;}
  .science_content_list li{width: 49%}
  .science_content_list li:nth-child(odd){margin-right: 2%;}
  .science_content_list li:nth-child(even){margin-right: 0;}
  .science_content_list li div{padding: 10px 15px}
  .science_content_list li h4{font-size: 16px;margin-bottom: 0}
  .science_content_list li p{font-size: 12px}
  /*job.html*/
  .job_item{width: 100%}
  .job_item dl dd{padding: 0 1rem}
  .job_item dl dd li{font-size: .75rem}
  .job_item dl dd li:not(:last-child){width: 29%}
  .job_item dl dd li:last-child{width: 42%}
  .job_item2 dl dd{padding: 0 .75rem}
  .job_item2 dl dd li{font-size: .75rem}
  .job_item2 dl dd li:first-child{width: 25%}
  .job_item2 dl dd li:nth-child(2){width: 25%;display: none}
  .job_item2 dl dd li:nth-child(3){width: 35%}
  .job_item2 dl dd li:last-child{width: 40%}
	/* 新增 */
	.refractive_content .cataract_content_stage_item_bottom li{width: 48%;margin-bottom:5rem}
	.refractive_content .cataract_content_stage_item_bottom li:nth-child(odd){margin-right: 4%;}
	.refractive_content .cataract_content_stage_item_bottom li:nth-child(even){margin-right: 0;}
	.refractive_content .refractive_content_guide .cataract_content_what_intro{padding: 20px;}
	.refractive_content_before #hexGrid .hex p{padding: 0 10px;font-size: 12px;top:28%	}
	.refractive_content_before #hexGrid li:first-child{margin-right: 5%;}
	.refractive_content_before #hexGrid .hex h1{bottom: 66%;}
	.hex h1{font-size: 30px;}
	.hex{width: 48%;padding-bottom: 56%;}
	.diamond_list li div h4{line-height: 1.2;}
	.refractive_content_after{padding: 30px 0 50px;}
	.refractive_content_expert_foreign{margin-top: 0;}
	.refractive_content_expert_foreign img{margin: 30px auto;}
	.cataract_content .cataract_content_age ul:first-child{padding-left: 0;}
	.cataract_content .cataract_content_age ul:last-child{padding-right: 0;}
	.cataract_content .cataract_content_age ul li{font-size: 16px;height:auto}
	.cataract_content .cataract_content_age ul li:not(:last-child){margin-bottom: 20px;}
	.cataract_content .refractive_content_process .cataract_content_stage_item_bottom{width: 100%;}
	.cataract_content .cataract_content_stage_item_bottom li,
	.glaucoma_content .cataract_content_stage_item_bottom li{width: 48%;}
	.glaucoma_content .cataract_content_stage_item_bottom ul{display: block;}
	.others_content .hex:nth-child(4){margin-left: -23%;margin-top: 0;}
	.others_content .hex:nth-child(5){margin-left: -23%;margin-top: 0;clear: left;}
	.glaucoma_content .refractive_content_process{padding: 80px 0;}
	.orthokeratology_content .cataract_content_kinds_list .others_content_kinds_desc{font-size: 12px;padding: 0 10px;top:25%}
	.orthokeratology_content .cataract_content_kinds_list .hex:nth-child(4){margin-left: -23%	;margin-top: 0%;}
	.orthokeratology_content .cataract_content_kinds_list #hexGrid{width: 100%;}
	.orthokeratology_content .hex h1{bottom: 70%;}
	.orthokeratology_content .about_content_honor_list li{width: 48%;}
	.presbyopia_content .cataract_content_age ul:first-child{padding-left: 0;}
	.presbyopia_content .cataract_content_age ul li{font-size: 16px;line-height: 1.6;height: 100px;}
	.glaucoma_content .cataract_content_stage_item_bottom ul{width: 100%;}
	.glaucoma_content .cataract_content_stage_item_bottom li p{margin-top: 0;line-height: 1.4;}
	.cataract_content_what .container{margin-top: 50px;}
	.operation_content .cataract_content_what_intro{padding: 20px;}
	.operation_content .operation_content_before#hexGrid{width: 100%;}
	.operation_content .operation_content_before .hex{width: 45%;padding-bottom: 52%;}
	.operation_content .operation_content_before .hex p.others_content_kinds_desc{top:30%}
	.operation_content .operation_content_after#hexGrid{width: 100%;}
	.operation_content .operation_content_after .hex{width: 47%;padding-bottom: 54%;}
	.operation_content .operation_content_after .hex h1{bottom: 60%;}
	.operation_content .operation_content_after .hex .others_content_kinds_desc{font-size: 12px;padding: 0 10px;line-height: 1.4;top:37%}
	.operation_content .operation_content_after .hex:nth-child(4){margin-left: -23%;margin-top: 0%;}
	.operation_content .operation_content_after .hex:nth-child(5){margin-left: -101%;margin-top: 55%;margin-right: 0;}
	.operation_content .operation_content_after .hex:nth-child(6){margin-left: 50%;margin-top: -46%;}
	.operation_content .cataract_content_attention li div{margin-left: 0;}
	.footer_copy p{border-top: none;}
	
	/*.right_win{top:50%;}*/
	/*.right_win li a{display:block;text-align:center;padding: .4rem .75rem;border-radius:.2rem}*/
	/*.right_win li img{width: 49px;height:49px}*/
	/*.right_win ul:first-child{display:none}*/
	/*.right_win ul:nth-child(2){display:block}*/
	/*.right_win li p{position: static;visibility: unset;opacity:1;background:none;padding:0;transform:translateX(0);line-height:1.4;font-size:.875rem;width:auto;}*/
	/*.right_win li:hover p:before{content:none;}*/
	.suspend{right: 0;}
	.suspend>div{width: 60px;height: 60px;}
	.suspend img{left: 9%;top:9%;}
	
	
}
/*PC端隐藏*/
@media screen and (min-width: 46.875rem){

}
@media only screen and (max-width: 37.5rem) {

}
/*公用-小屏幕*/
@media only screen and (max-width: 30rem) {

}